源自：2-4 CSS3边框 为边框应用图片 border-image
我是吐槽的
那个矩形怎么看出是70*70？然后9个组成的大矩形怎么就成了210*210？
老师您做的那个图，表述不清不说，还会让人一头雾水
您应改画一个简单的图，不要把换旋转45°的图。。。
读者一上手，会理解为有颜色的矩形是70*70
殊不知，您用白色的背景，包含每个有颜色的“45°矩形的矩形（竟然没有边框区分这9个）”才是70*70
提问者：采药超人
2016-01-23 12:21
个回答
-
- zhangcl
- 2016-01-29 16:49:18
兄弟，只能说明你对图片不是很清楚啊，你在自己的电脑上找个图片看看那个尺寸是什么意思。
图片像素=宽*高，上面说的70*70，说明宽和高都是70，这是个正方形，你不会理解成了中间那个斜着的有颜色的带数字的正方形吧？请问图片的像素有斜着定义的吗？所以不用吐槽了，多看书。
很明显是黑色背景那个正方形为70*70，210 =70*3；这个就是整个大的图片的宽度。
如果你理解成可斜着的那个像素是70，当然算出来就是70*根号2*3。
上面介绍的很清楚：由9个矩形（70*70像素）拼成的一张图（210*210像素）
看清楚再来吐槽吧。
-
- 高山彝人
- 2017-02-11 22:31:42
对，这儿确实是老师的表述有很强的迷惑性，加上黑色背景再说长宽是70*70就清楚了。
-
- 采药超人
- 2016-01-23 12:31:11
应该说，图中白色的才是70*70