在網頁設計中，常常需要在文字下方加上一條橫線，以起到分隔和裝飾的作用。使用CSS來實現劃橫線是一種簡單而實用的方法。

HTML中無法直接繪制橫線，但是CSS提供了一個屬性——text-decoration，可以讓文字在下方形成一條橫線。其屬性值有以下幾種：

text-decoration: none; /* 無下劃線（默認） */
text-decoration: underline; /* 下劃線 */
text-decoration: overline; /* 上劃線 */
text-decoration: line-through; /* 中劃線 */
text-decoration: blink; /* 閃爍（已廢棄） */

其中，text-decoration: underline;可以實現在文字下方劃一條橫線。通過在CSS中設置該屬性，然后將其應用于需要劃線的文本即可實現橫線效果。

<p style="text-decoration: underline;">這是被劃線的段落</p>

需要注意的是，在純文本場景下，橫線應該保持一定的長度。可以使用text-decoration-skip屬性來指定在使用text-decoration: underline;時，橫線跳過的內容，以保證橫線的長度適當。

下面是一個例子：

<style>
p {
text-decoration: underline;
text-decoration-skip: ink;
}
</style>
<p>這是一段文本，它在下面有一條橫線</p>

在上面的例子中，指定了text-decoration-skip: ink;，表示橫線不會跨越下劃線、波浪線、點劃線、雙下劃線、雙波浪線和雙點劃線（下劃線和點劃線的組合）。這樣，當文本中出現這些符號時，橫線會跳過它們，保持長度穩定。

總結來說，使用CSS可以非常方便地實現對文字的下劃線，同時還可以對下劃線的長度、跳過內容進行控制，非常靈活實用。