CSS可以通過添加裝飾性邊框或下劃線來使文字帶有橫線，具體實(shí)現(xiàn)方式如下：
1、使用text-decoration屬性添加下劃線，這個(gè)屬性可以為文本添加下劃線、上劃線、刪除線等裝飾效果。text-decoration: underline;可以為文本添加下劃線。
2、使用border屬性添加邊框，這個(gè)屬性可以為元素添加邊框，包括上下左右四個(gè)方向，通過調(diào)整邊框的寬度和顏色，可以實(shí)現(xiàn)不同樣式的橫線效果。
下面是一個(gè)示例代碼，演示了如何使用CSS給文字加橫線：
<!DOCTYPE html>
<html>
<head>
<style>
p {
text-decoration: underline;
color: blue;
}
div {
border-bottom: 2px solid red;
height: 0;
line-height: 0;
}
</style>
</head>
<body>
<p>這是一段帶有下劃線的文本。</p>
<div>這是一段帶有橫線的文本。</div>
</body>
</html>在這個(gè)示例中，我們使用了兩個(gè)元素：p和div，對(duì)于p元素，我們使用了text-decoration: underline;來添加下劃線，并將文本顏色設(shè)置為藍(lán)色，對(duì)于div元素，我們使用了border-bottom: 2px solid red;來添加底部橫線，并將高度和行高設(shè)置為0，這樣，我們就可以在文本下方添加一條紅色的橫線了。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。
