CSS边框属性二---border-images

border-images 属性

主要用border-images 属性来制作自适应按钮和tab标签&自适应边框。

例子:

border-images:url("img.png") 0 15 0 15 round;

/*0 15 0 15 指的是:图片边框向内偏移 上0,右15 ,下0 ,左15*/

如图:

上面例子使用的图片为:

向内偏移图例:

 

属性值

描述 
border-image-source 用在边框的图片的路径。  
border-image-slice 图片边框向内偏移。  
border-image-width 图片边框的宽度。  
border-image-outset 边框图像区域超出边框的量。  
border-image-repeat 图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。  
posted @ 2016-07-28 17:21  54墨玉  阅读(350)  评论(0编辑  收藏  举报