在CSS中，我們可以使用多種方法來實現(xiàn)長豎線的效果，以下是一些常見的方法：

1、使用邊框?qū)傩裕?/p>

通過給元素添加邊框，我們可以輕松實現(xiàn)長豎線的效果，給元素添加左邊框即可：

div {
  border-left: 1px solid #000;
}

2、使用偽元素：

偽元素可以用來在元素內(nèi)容前或后添加裝飾性的內(nèi)容，我們可以利用偽元素來創(chuàng)建長豎線：

div::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
}

3、使用漸變背景：

通過給元素添加漸變背景，我們也可以實現(xiàn)長豎線的效果：

div {
  background: linear-gradient(#000, #000) repeat-y;
}

4、使用陰影效果：

通過給元素添加陰影效果，我們也可以創(chuàng)建長豎線：

div {
  box-shadow: 100vw 0 0 #000;
}

是一些實現(xiàn)長豎線效果的方法，你可以根據(jù)自己的需求選擇適合的方法。