CSS文本下面劃一根橫線是一種常見(jiàn)的網(wǎng)頁(yè)樣式，可以讓文本下面出現(xiàn)一條橫線。這條橫線可以通過(guò)使用CSS的border屬性來(lái)實(shí)現(xiàn)。

下面是一個(gè)使用CSSborder屬性來(lái)劃一根橫線的示例代碼：

```html

<div class="line">

<p>Hello, world!</p>

</div>

```css

.line {

width: 100px;

height: 2px;

border-left: 2px solid #000;

在上面的代碼中，我們使用CSS的border屬性來(lái)創(chuàng)建了一個(gè)100px寬、2px高、白色背景的橫線。border-left屬性指定了橫線的位置和寬度，值為2px表示橫線為2像素。我們還將CSS的類名設(shè)置為"line"，以便在HTML文件中使用該樣式。

使用上述代碼，我們可以在HTML文件中創(chuàng)建一個(gè)劃?rùn)M線的效果，如下所示：

```html

<div class="line">

<p>Hello, world!</p>

</div>

```css

.line {

width: 100px;

height: 2px;

border-left: 2px solid #000;

現(xiàn)在，無(wú)論我們滾動(dòng)網(wǎng)頁(yè)還是點(diǎn)擊鼠標(biāo)，都可以觀察到這條橫線。