CSS3中的橫線主要有兩種方式： border-bottom 和 text-decoration。

border-bottom

p {
border-bottom: 1px solid black;
}

使用 border-bottom 屬性可以給元素下方添加一條橫線。可以設(shè)置線條的粗細、顏色、樣式。使用時需要注意元素的寬度和邊距，以免線條超出范圍。

text-decoration

p {
text-decoration: underline;
}

使用 text-decoration 屬性可以給文字添加下劃線，也就是橫線的另一種形式。可以通過設(shè)置屬性值來控制下劃線的類型、顏色、粗細等。除了下劃線，text-decoration 還可以添加刪除線、上劃線等效果。

兩種橫線的使用場景不同，一般來說 border-bottom 更適合在標題下方添加橫線，而 text-decoration 則適合在文字鏈接處添加下劃線。