CSS是網頁設計中必不可少的一部分。其中，橫線的設置是網頁設計中常用的一種技巧，能夠有效地美化頁面，并且增強視覺效果。接下來，我們就來了解一下如何使用CSS來實現橫線效果。

/* 下劃線樣式 */
.underline {
text-decoration: underline;
}
/* 虛線樣式 */
.dashed {
border-bottom: 1px dashed #000;
}
/* 實線樣式 */
.solid {
border-bottom: 1px solid #000;
}
/* 雙線樣式 */
.double {
border-bottom: 3px double #000;
}
/* 點狀樣式 */
.dotted {
border-bottom: 1px dotted #000;
}

上面是五種不同的CSS樣式，可以通過修改相應的參數來自定義橫線顏色、寬度、樣式、位置等。其中，下劃線樣式通過text-decoration屬性來實現，而其他四種橫線樣式則通過border-bottom屬性來設置。

總的來說，橫線是一種簡單但有效的網頁設計技巧，適用于處理網頁標題、分割頁面內容等多種情況。使用CSS來實現橫線效果，能夠讓網頁更加美觀、高效，并且易于維護。