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