CSS的樣式可以讓我們實現各種各樣的效果，其中之一就是鋸齒狀的直線。鋸齒狀的直線可以用于美化頁面邊框、圖形和其他裝飾效果，下面我們講述一些實現鋸齒狀的直線的方法。

/*使用border進行實現*/
border: 1px solid black;
border-style: none none solid none;
border-width: 0 0 10px 0;
transform: skew(-20deg);
/*使用background進行實現*/
background: linear-gradient(-135deg, transparent 6px, black 0);
background-size: 5px 5px;

第一種方法使用border屬性，加上border-style、border-width屬性來實現。我們需要將底部的邊框設置為實線，然后偏移它的位置，最后利用傾斜旋轉來生成鋸齒狀的邊線。第二種方法則是創建一個黑白間隔的背景漸變，然后將其旋轉，使其看起來像鋸齒。

兩種方法各有優劣，使用border屬性可以在元素的外邊框上實現鋸齒樣式，且可以適當調整鋸齒的密度和方向；而使用background屬性則可以將鋸齒用作元素背景并與文本進行插入。