在CSS中如何設置橫線？ 在CSS中，我們可以通過border-bottom屬性來設置文字或元素的下橫線。 示例代碼如下： ``` p { border-bottom: 1px solid #000; } ``` 上面的代碼將設置p標簽的下橫線為1像素寬、顏色為黑色的實線。如果需要設置虛線或其他樣式的下橫線，可以參考下面的代碼： ``` p { border-bottom: 2px dotted #f00; } ``` 上述代碼將設置p標簽的下橫線為2像素寬、顏色為紅色的虛線。需要注意的是，如果我們給p標簽同時設置了上下橫線，那么其高度將增加相應的像素值。可以通過設置box-sizing屬性為border-box來避免這種情況的發生，示例代碼如下： ``` p { box-sizing: border-box; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 10px; } ``` 上述代碼將設置p標簽的上下橫線為1像素寬、顏色為黑色的實線，并且使用padding屬性來控制其上下間距為10像素。由于我們將box-sizing屬性設置為border-box，所以p標簽的高度不會因為上下橫線的存在而增加。 除了border-bottom屬性外，我們還可以使用text-decoration屬性來設置文字的下劃線或刪除線。示例代碼如下： ``` p { text-decoration: underline; /* 設置下劃線 */ text-decoration: line-through; /* 設置刪除線 */ } ``` 上述代碼將分別設置p標簽的文字下劃線和刪除線。 總結： 在CSS中設置橫線非常簡單，只需要使用border-bottom屬性或text-decoration屬性即可。需要注意橫線的樣式、顏色和寬度的設置，以及使用box-sizing屬性來避免高度增加的問題。