本文目錄導(dǎo)讀：

1. 使用border屬性定義水平橫線
2. 使用background屬性定義水平橫線

CSS中水平橫線的定義方法

在CSS中，我們可以使用多種方法來定義水平橫線，***常用的是使用border屬性，通過給元素添加邊框來形成水平橫線，我們還可以使用background屬性，通過給元素添加背景色來形成水平橫線。

使用border屬性定義水平橫線

我們可以通過給元素添加邊框來形成水平橫線，具體方法是，在元素的border-top或border-bottom屬性上設(shè)置寬度和顏色，即可形成一條水平橫線。

div {
  border-top: 1px solid black;
}

上述代碼會給div元素添加一條黑色的水平橫線，線寬為1像素。

使用background屬性定義水平橫線

我們也可以通過給元素添加背景色來形成水平橫線，具體方法是，在元素的background屬性上設(shè)置顏色，并將背景色設(shè)置為橫向重復(fù)。

div {
  background: black;
  background-repeat: horizontal;
}

上述代碼會給div元素添加一條黑色的水平橫線。

除了上述兩種方法，我們還可以使用其他CSS屬性來定義水平橫線，具體方法可以根據(jù)實際需求進(jìn)行選擇，希望這篇文章能對你有所幫助！