CSS3边框 为边框应用图片 border-image
2019-01-22 18:48
253 查看
顾名思义就是为边框应用背景图片,它和我们常用的background属性比较相似。例如:
background:url(xx.jpg) 10px 20px no-repeat;
但是又比背景图片复杂一些。
想象一下:一个矩形,有四个边框。如果应用了边框图片,图片该怎么分布呢? 图片会自动被切割分成四等分。用于四个边框。
可以理解为它是一个切片工具,会自动把用做边框的图片切割。怎么切割呢?为了方便理解,做了一张特殊的图片,由9个矩形(7070像素)拼成的一张图(210210像素),并标注好序号,是不是像传说中的九宫图
相关文章推荐
- css3边框——圆角效果(border-radius)、阴影(box-shadow)、边框应用图片(border-image)
- 【CSS3】---为边框应用图片 border-image
- 【CSS3】---为边框应用图片 border-image
- 【CSS3】---为边框应用图片 border-image
- 【CSS3】---为边框应用图片 border-image
- 【CSS3】为边框应用图片 border-image
- CSS3之边框图片border-image
- 为边框应用图片 border-image
- CSS3边框图片属性---border-image
- CSS3之边框图片border-image
- 制作图片边框:《CSS3 Border-image》
- 为边框应用图片 border-image
- 圆角效果 border-radius——阴影 box-shadow——为边框应用图片 border-image
- 边框应用图片border-image
- 为边框应用图片 border-image
- CSS3 边框图片(border-image)使用方法
- CSS3之边框图片border-image
- css3:border-image边框图像详解
- css3 border-image及连续的图像边框
- css3 border img 边框图片