css3 border-image

原创
2015/03/30 11:20
阅读数 99


这是一个截图,我想做做种样式的div.

最终效果

下面开始:

  1. 首先打开windows 画图板,手绘一个图形bg.jpg,歪歪扭扭就ok了:


  2.      <style type="text/css">
        div {
            -moz-border-image: url(border.png) 30 30 stretch;
            /* Old Firefox */
            
            -webkit-border-image: url(bg.jpg) 10 10 stretch;
            /* Safari and Chrome */
            
            -o-border-image: url(bg.png) 20 30 stretch;
            /* Opera */
            
            border-image: url(bg.jpg) 10 10 stretch;
        }
        </style>
展开阅读全文
打赏
0
1 收藏
分享
加载中
更多评论
打赏
0 评论
1 收藏
0
分享
返回顶部
顶部