在CSS中，我們可以使用border-bottom屬性來實現橫線的效果。該屬性可以設置元素底部邊框的樣式、寬度和顏色。

/* 實現一條紅色實線橫線 */
border-bottom: 1px solid red;

我們也可以通過設置邊框樣式為dashed或dotted來實現虛線橫線的效果。

/* 實現一條藍色虛線橫線 */
border-bottom: 1px dashed blue;

如果我們想要讓橫線更加粗細，只需要增加其寬度即可。

/* 實現一條紫色粗線橫線 */
border-bottom: 3px solid purple;

如果我們想要讓橫線僅覆蓋元素的一部分，可以通過設置padding和width屬性來實現。

/* 實現一條橙色橫線覆蓋元素寬度一半 */
padding-bottom: 10px; /* 為了讓橫線與內容之間有一定的間距 */
width: 50%; /* 限定橫線寬度 */
border-bottom: 1px solid orange;

通過使用border-bottom屬性，我們可以輕松實現各種不同樣式的橫線效果，為頁面增加豐富的視覺體驗。