在CSS中，下劃線（hr）的寬度設(shè)置可以通過多種方式實現(xiàn)，以下是一些常見的方法：

1、使用CSS樣式：

- 你可以通過CSS樣式來設(shè)置下劃線的寬度，使用border-bottom屬性來添加寬度為2px的下劃線：

```css

hr {

border-bottom: 2px solid #000;

}

```

- 如果你想讓下劃線更寬，可以增加border-bottom的寬度值，設(shè)置為4px：

```css

hr {

border-bottom: 4px solid #000;

}

```

2、使用背景色：

- 另一種方法是使用背景色來創(chuàng)建下劃線，這種方法可以更加靈活地控制下劃線的寬度和樣式。

```css

hr {

background-image: linear-gradient(to right, #000 50%, transparent 50%);

background-position: left;

background-repeat: repeat-x;

}

```

- 通過調(diào)整background-image中的顏色值和位置，你可以***地控制下劃線的寬度和樣式。

3、使用偽元素：

- 偽元素（如::before或::after）可以用來創(chuàng)建自定義的下劃線樣式。

```css

hr::before {

content: "";

display: block;

width: 100%;

height: 2px;

background-color: #000;

}

```

- 通過調(diào)整偽元素的寬度和高度，你可以控制下劃線的寬度和樣式。

這些方法可以幫助你在CSS中***地設(shè)置下劃線的寬度和樣式，選擇哪種方法取決于你的具體需求和偏好，希望這些方法能幫助你找到滿意的結(jié)果！