CSS3 border-image实现兼容性的红色虚线边框实例页面
代码:
CSS代码:
.border_dashed{
width:260px;
height:180px;
border-width:6px;
border-style:solid;
/*IE*/
border:2px dashed red\9;
/*Firefox*/
-moz-border-image:url(/study/image/dashed_red.png) 6 repeat;
/*Chrome & Safari*/
-webkit-border-image:url(/study/image/dashed_red.png) 6 repeat;
/*Opera*/
border-image:url(/study/image/dashed_red.png) 6 repeat;
background:yellow;
}
HTML代码:
<div class="border_dashed"></div>