CSS水平分割線怎么寫

在CSS中，水平分割線通常使用hr標(biāo)簽來實現(xiàn)，hr標(biāo)簽是HTML中的水平線元素，可以通過CSS樣式來定制其外觀，以下是一些示例代碼，展示如何使用CSS來定制hr標(biāo)簽：

1、基本樣式：

<hr style="border: 1px solid #000; height: 1px;"/>

這將創(chuàng)建一個高度為1像素、顏色為黑色的水平分割線。

2、自定義樣式：

<hr class="custom-hr"/>

然后在CSS中定義樣式：

.custom-hr {
  border: 0;
  height: 2px;
  background-color: #333;
}

這將創(chuàng)建一個高度為2像素、背景顏色為深灰色的水平分割線。

3、圓角樣式：

<hr class="rounded-hr"/>

在CSS中定義樣式：

.rounded-hr {
  border: 0;
  height: 2px;
  background-color: #333;
  border-radius: 5px;
}

這將創(chuàng)建一個帶有5像素圓角的水平分割線。

在使用hr標(biāo)簽時，可以將其樣式設(shè)置為透明背景色和0邊框，以創(chuàng)建一個無形的水平分割線，也可以通過調(diào)整高度和背景色來定制分割線的外觀。