CSS3 边框 border-image

border-image:xx xx xx   是一系列参数的简写,该属性将图片作为边框修饰

border-image-source:url(border.png);  图片url地址

border-image-slice: 20% 20% 20% 20%;  图片切片位置,4条线将图片切为9格宫。上,左,下,右可调,四角跟随变化,中心去掉

border-image-width:10px 10px 10px 10px;  图片上,左,下,右切片的宽度 

border-image-outside:0px 0px 0px 0px;  图片填充时与边框上下左右的距离

border-image-repeat:repeat round;    图片在水平方向和竖直方向的平铺方式

border-image: source slice width outset repeat;  简写

posted on 2019-11-29 22:09  反射弧  阅读(340)  评论(0编辑  收藏  举报

导航