CSS3 border-image使用实例页面

代码:

CSS代码:
.border_image{
    width:100px;
    -moz-border-image:url(../image/rounded_corner.png) 20;
    -webkit-border-image:url(../image/rounded_corner.png) 20;
    border:double gray 10px; text-align:center; color:white;
}
                
HTML代码:
<div class="border_image">CSS3 border-image实现的圆角拉伸效果</div>
                

效果:

CSS3 border-image实现的圆角拉伸效果