HTML中的

---

元素是一條水平線，通常用于分隔不同的內(nèi)容區(qū)塊。我們可以使用CSS來(lái)設(shè)置

---

的樣式，包括線條的顏色、寬度、高度和樣式等方面。

hr {
/* 設(shè)置hr為紅色實(shí)線 */
color: red;
height: 2px;
border: none;
background-color: red;
}

在上面的代碼中，我們使用了CSS中的屬性來(lái)設(shè)置

---

的樣式。首先是color屬性，它用于設(shè)置線條的顏色為紅色。接著是height屬性，它用于設(shè)置線條的寬度為2像素。border屬性設(shè)置為none，表示不顯示邊框線。最后是background-color屬性，用于設(shè)置線條的顏色為紅色。

除了上述屬性之外，我們還可以使用其他的CSS屬性來(lái)設(shè)置

---

的樣式，例如border-style屬性，它可以用來(lái)設(shè)置線條的樣式，包括實(shí)線、虛線、點(diǎn)線等等。以下是一個(gè)例子：

hr {
border-style: dashed;
border-color: #ccc;
height: 1px;
background: transparent;
}

在上述代碼中，我們?cè)O(shè)置了border-style為dashed，表示使用虛線樣式。border-color屬性設(shè)置為#ccc，表示線條的顏色為灰色。height屬性用于控制線條的高度。background屬性用于設(shè)置背景為透明。

當(dāng)然，除了上面的樣式設(shè)置，我們還可以通過(guò)其他的CSS屬性來(lái)控制

---

的樣式，只要根據(jù)需要自由組合就可以了。