Heim >Web-Frontend >HTML-Tutorial >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%; }