求助：请教css专家尾部如何做成这种锯齿样式？

请教css专家尾部如何做成下图一这种锯齿样式？

现在的代码

1. /*底部*/
   
2. .footer{ padding:16px 0; width:100%; line-height:22px; text-align:center; color:#c1c1c1; background:#5ba997; }
   
3.         .footer a{ color:#c1c1c1;}
   
4.        
   
5.        
   
6. #ft{ padding-top:0; padding-bottom:0; border:0;}
   
7.         .deanfooter{ width:100%; background: #5ba997; overflow: hidden; zoom: 1; height: 280px; border-top: #555 solid 1px; border-bottom: #555 solid 1px; position: relative; margin-top:60px;}
   
8.                 .deanftwp{ width:1000px; margin:0 auto;}
   
9.                 .deanftwp ul{ color:#fff; width:150px; float:left; line-height:36px; padding: 30px 0 0 40px; border-right:#555 solid 1px; height:280px;}
   
10.                         .deanftwp ul h3{ color:#fff; font-weight:bold; margin-bottom:10px;}
    
11.                         .deanftwp ul a{ color:#bcbcbc;}
    
12.                         .deanftwp ul a:hover{ color:#fff;}
    
13.                         .deanftwp .ongoing{ background:url({STYLEIMGDIR}/footer_ongoing.gif) 65px center no-repeat;}
    
14.                         .footer-bottom{ height:66px; background:#888;}
    
15.                                 .footer-bottom .bottom-bg{ width:960px; margin:0 auto; overflow:hidden; background:url({STYLEIMGDIR}/footer.jpg) no-repeat; }
    
16.                                 .footer-bottom .bottom-bg{ height:48px; padding-top:18px; text-align:right;}
    
17.                                 .footer-bottom .bottom-bg a{ color:#fff; line-height:25px;}

复制代码

有会的吗:hug: