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>
                

效果:

分享到:0