CSS中插入水平線的方法
在CSS中，我們可以使用多種方法來插入水平線，以下是一些常見的方法：
1、使用border屬性：
我們可以利用元素的border屬性來創(chuàng)建水平線，給某個元素添加一條底部邊框，就可以得到一條水平線。
```css
.hr-line {
border-bottom: 1px solid #000;
}
```
在HTML中給需要添加水平線的元素添加這個類名：
```html
<div class="hr-line"></div>
```
2、使用偽元素：
我們可以使用偽元素（如::before或::after）來創(chuàng)建水平線，這種方法可以在不增加額外HTML元素的情況下添加水平線。
```css
.hr-line {
position: relative;
top: 10px;
left: 0;
right: 0;
height: 1px;
background-color: #000;
}
```
同樣地，在HTML中給需要添加水平線的元素添加這個類名：
```html
<div class="hr-line"></div>
```
3、使用CSS的hr元素：
HTML中的hr元素可以用來創(chuàng)建一條水平線，我們可以通過CSS來定制這條線的樣式。
```css
hr {
border: none;
height: 1px;
background-color: #000;
}
```
在HTML中直接使用hr元素：
```html
<hr>
```
三種方法都可以用來在CSS中插入水平線，你可以根據(jù)自己的需求和喜好選擇***適合的方法。
