css3锯齿边框_html/css_WEB-ITnose

<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%;                   }