css3锯齿边框

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