本文目錄導(dǎo)讀：

1. 基本橫線
2. 漸變橫線
3. 雙橫線
4. 其他樣式

CSS橫線制作指南

在CSS中，橫線是一種常用的裝飾和分隔元素，通過簡單的CSS樣式，我們可以輕松地制作出各種類型的橫線，下面是一份詳細(xì)的CSS橫線制作指南，幫助你快速掌握這一技巧。

基本橫線

在CSS中，可以使用border-top屬性來制作基本橫線。

hr {
  border-top: 1px solid #000;
}

這段代碼將會在每個<hr>標(biāo)簽處生成一條1像素寬的黑色橫線，你可以根據(jù)需要調(diào)整橫線的寬度和顏色。

漸變橫線

如果你想讓橫線具有漸變效果，可以使用linear-gradient函數(shù)來實(shí)現(xiàn)。

hr {
  background: linear-gradient(#000, #fff);
  height: 2px;
}

這段代碼將會在每個<hr>標(biāo)簽處生成一條2像素寬的黑色到白色的漸變橫線，你可以根據(jù)需要調(diào)整漸變的顏色和角度。

雙橫線

如果你想制作雙橫線，可以使用double屬性來實(shí)現(xiàn)。

hr {
  border-top: 2px double #000;
}

這段代碼將會在每個<hr>標(biāo)簽處生成兩條2像素寬的黑色橫線，它們之間有一定的距離，你可以根據(jù)需要調(diào)整橫線的寬度和顏色。

其他樣式

除了上述三種樣式外，你還可以根據(jù)需求制作其他樣式的橫線，例如虛線、點(diǎn)線等，具體實(shí)現(xiàn)方法可以參考CSS的相關(guān)文檔和教程。

希望這份指南能夠幫助你制作出漂亮的CSS橫線，如果你還有其他問題或需求，歡迎隨時向我提問。