在CSS中制作豎線的方法有很多，以下是一些常見的實(shí)現(xiàn)方式：
1、使用border屬性：
通過給元素添加border-left或border-right屬性，并設(shè)置其寬度為1px或更大，可以制作出豎線效果。
```css
.vertical-line {
border-left: 1px solid #000;
height: 100px;
}
```
2、使用div和樣式：
通過創(chuàng)建一個div元素，并設(shè)置其樣式為寬度為1px或更大，高度自適應(yīng)，可以制作出豎線效果。
```html
<div class="vertical-line"></div>
```
```css
.vertical-line {
width: 1px;
background-color: #000;
height: 100%;
}
```
3、使用偽元素：
通過給元素添加偽元素（如::before或::after），并設(shè)置其樣式為寬度為1px或更大，高度自適應(yīng)，可以制作出豎線效果。
```html
<div class="vertical-line"></div>
```
```css
.vertical-line {
position: relative;
}
.vertical-line::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1px;
background-color: #000;
height: 100%;
}
```
4、使用transform屬性：
通過給元素添加transform屬性，并設(shè)置其樣式為寬度為1px或更大，高度自適應(yīng)，可以制作出豎線效果。
```html
<div class="vertical-line"></div>
```
```css
.vertical-line {
width: 1px;
background-color: #000;
height: 100%;
transform: rotate(90deg);
}
```
是制作豎線的一些常見方法，你可以根據(jù)自己的需求選擇適合的方法。
