使用border-image属性来指定边框宽度
在CSS3中,除了可以使用border或border-width属性指定边框的宽度外,使用border-image属性同样可以指定边框的宽度,方法如下:
border-image: url('图像文件路径') A B C D/border-width
样式代码如下:
.wrap {
border:solid;
border-image:url(img/border.png) 18 18 18 18/18px ;
-webkit-border-image:url(img/border.png) 18 18 18 18/18px;
-moz-border-image:url(img/border.png) 18 18 18 18/18px;
width:300px;
}
另外,在上述代码中A、B、C和D四个参数只指定了一个参数18px,这是因为CSS3中,如果此处的四个参数完全相同,可以只写一个参数,将其他三个参数省略。
border-image:url(img/border.png) 18/5px 10px 15px 20px ;