HR在CSS中設(shè)置寬高的方法

在CSS中，HR（水平分隔線）的默認(rèn)樣式是細(xì)線，且沒有寬度和高度的設(shè)置，我們可以通過CSS樣式來定制HR的寬度和高度，下面是一些示例代碼，展示如何在CSS中設(shè)置HR的寬度和高度：

1、設(shè)置HR寬度為100px：

hr {
  width: 100px;
}

2、設(shè)置HR高度為2px：

hr {
  height: 2px;
}

3、同時設(shè)置HR寬度和高度：

hr {
  width: 100px;
  height: 2px;
}

這些樣式可以將HR的寬度設(shè)置為100像素，高度設(shè)置為2像素，你可以根據(jù)自己的需求調(diào)整這些值，這些樣式會應(yīng)用到所有的HR元素上，如果你只想改變某個特定HR元素的樣式，可以使用類名或ID來區(qū)分。

.hr-style {
  width: 100px;
  height: 2px;
}

在HTML中使用類名來應(yīng)用這個樣式：

<hr class="hr-style">

這樣，只有這個特定的HR元素會應(yīng)用這個樣式，希望這些方法能幫助你在CSS中定制HR元素的寬度和高度。