首頁 >web前端 >html教學 >css3锯齿边框_html/css_WEB-ITnose

css3锯齿边框_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 11:48:491507瀏覽

<div class="bg"></div>
.bg{    width:300px;    height:50px;    background:#caca8c;    background-image:-webkit-gradient(        linear,50% 0,0 100%,        from(transparent),        color-stop(.5,transparent),        color-stop(.5,#d86707),        to(#d86707)        ),    -webkit-gradient(        linear,50% 0,100% 100%,        from(transparent),        color-stop(.5,transparent),        color-stop(.5,#d86707),        to(#d86707)                                                );                                    background-size:20px 10px;    background-repeat:repeat-x;    background-position:0 100%;                   }

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn