CSS排版技巧：如何添加橫線

在CSS中，我們可以使用多種方法來添加橫線，***常用的是使用border屬性，它可以為元素添加邊框，包括橫線。

我們可以為一段文本添加一個橫線：

<p style="border-bottom: 1px solid black;">這是一段文本，下面有一條橫線。</p>

在上面的代碼中，border-bottom屬性為段落添加了一個黑色的橫線。1px表示橫線的粗細，solid表示橫線的樣式。

除了使用border屬性，我們還可以使用其他CSS屬性來添加橫線，例如使用text-decoration屬性為文本添加下劃線：

<p style="text-decoration: underline;">這是一段文本，下面有一條下劃線。</p>

在上面的代碼中，text-decoration: underline;為文本添加了下劃線。

我們還可以使用background-image屬性來添加背景圖片，其中可以包含橫線圖案：

<div style="background-image: url('http://canthisbe.com/images/horizontal-line.png');"></div>

在上面的代碼中，background-image屬性為元素添加了一個背景圖片，其中包含了橫線圖案。

是三種常見的添加橫線的方法，你可以根據(jù)自己的需求選擇適合的方法。