在 CSS 中，斜線線條是一種常見的設計元素，它可以為網站頁面增添幾分藝術感。在本文中，我們將介紹如何使用 CSS 編寫斜線線條。 首先，在 CSS 中，我們可以使用 linear-gradient 漸變來實現斜線線條的效果。例如，要實現從左上角到右下角的斜線線條，代碼如下： ``` background: linear-gradient(to bottom right, transparent 49.5%, black 50%); ``` 這行代碼中，to bottom right 意味著漸變方向從左上角到右下角。49.5% 設置了漸變的起點，這里使用了透明顏色，50% 設置了漸變的終點，這里使用了黑色。 如果我們希望線條從右上角到左下角，則可以使用 to bottom left 替換 to bottom right： ``` background: linear-gradient(to bottom left, transparent 49.5%, black 50%); ``` 同樣的，我們還可以實現橫向的斜線線條。例如，要實現從左上角到右下角的橫向斜線線條，代碼如下： ``` background: linear-gradient(45deg, transparent 49.5%, black 50%); ``` 這里的 45deg 表示漸變線條的角度為 45 度。如果想要從右上角到左下角，只需要將角度改為 -45deg 即可。 如果線條需要漸變，并且顏色不是從透明到黑色的區間，那么可以將 transparent 和 black 替換為相應的顏色值即可。 綜上所述，通過使用 linear-gradient 漸變，我們可以輕松實現各種方向的斜線線條效果。