【css】border-image

 

1. border-image

一个新css3 样式

给边框增加图片，还可以拉升 或重复图片 round 为重复 sketch 为拉升

border: 15px solid transparent;
-webkit-border-image: url(../img/notice-bg.png)30 30 round;
-o-border-image: url(../img/notice-bg.png)30 30 round;
border-image: url(../img/notice-bg.png)30 30 round;

 

2. 参考资料 

http://www.w3school.com.cn/cssref/pr_border-image.asp

 

3.  其他border css3 样式

• border-radius  圆角
• box-shadow   阴影
• border-image   边框图片