在網頁設計中，我們經常需要為HTML橫線添加顏色，以使頁面更加美觀和有吸引力。使用CSS可以輕松實現這一目標。下面介紹。

1. 使用border屬性

屬性來設置HTML橫線的樣式，然后再使用border-color屬性來設置顏色。下面的CSS代碼可以為HTML橫線添加紅色顏色。

hr {: 1px solid;

border-color: red;

dd-color屬性來設置HTML橫線的背景顏色。下面的CSS代碼可以為HTML橫線添加藍色顏色。

hr {d-color: blue;

height: 1px;one;

3. 使用偽元素

偽元素可以在HTML元素的前面或后面添加內容。我們可以使用::before偽元素來為HTML橫線添加顏色。下面的CSS代碼可以為HTML橫線添加綠色顏色。

hr::before {tent: "";

display: block;

height: 1px;d;

這里需要注意的是，為了使偽元素具有一定的寬度，我們需要使用display屬性將其設置為塊級元素，并且使用height屬性來設置高度。

d屬性可以設置背景顏色或圖像，使用偽元素可以在HTML元素的前面或后面添加內容。根據需要選擇其中一種方法即可。