读书人

CSS3之框子图片border-image

发布时间: 2013-10-12 11:54:02 作者: rapoo

CSS3之边框图片border-image

  CSS3中有关border的属性,还有很多,今天我将为大家介绍一个很好玩的属性——Border-image。有了CSS3之边框图片Border-image,我们可以轻松搞定圆角,轻松搞定很多之前难搞的东东。


  一、border-image的语法


  1、border-image-source


  2、border-image的兼容写法


  2、Repeat(重复)效果


  CSS代码:


  3、Stretch(拉伸)效果


  CSS代码:


  4、相框效果


  CSS代码:


  5、圆角效果


  CSS代码:


  CSS3之边框图片border-image就介绍到这里了,不知道大家看明白了么?若不明白的话欢迎大家在下面评论,咱们一起研究研究。若有更好的CSS3之边框图片border-image的案例欢迎分享哟。


读书人网 >图形图像

热点推荐