CSS豎線怎么做？

CSS豎線通常用于在網(wǎng)頁中創(chuàng)建垂直的分割線，或者用于展示一些列表數(shù)據(jù)，在CSS中，我們可以使用多種方法來實現(xiàn)豎線的效果。

一種簡單的方法是使用CSS的邊框?qū)傩裕覀兛梢越o元素添加一個邊框，并將其設(shè)置為黑色或任何我們需要的顏色，如果我們想要一個高度為200px、寬度為2px的豎線，可以這樣做：

.vertical-line {
  height: 200px;
  width: 2px;
  border-left: 1px solid black;
}

在HTML中，我們可以這樣使用這個類：

<div class="vertical-line"></div>

另一種方法是使用CSS的偽元素，我們可以給元素添加一個偽元素，并將其設(shè)置為黑色或任何我們需要的顏色。

.vertical-line {
  position: relative;
  height: 200px;
}
.vertical-line::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: black;
}

在HTML中，我們可以這樣使用這個類：

<div class="vertical-line"></div>

兩種方法都可以實現(xiàn)CSS豎線的效果，你可以根據(jù)自己的需求選擇適合的方法，如果你需要更多的樣式控制，比如豎線的位置、顏色、粗細等，可以在上述代碼的基礎(chǔ)上進行進一步的調(diào)整。