CSS豎線怎么做的？

CSS豎線通常用于在網(wǎng)頁中創(chuàng)建垂直的分隔線，可以采用多種方式來實現(xiàn)，以下是兩種常見的方法：

1、使用CSS的border屬性：

通過給元素添加border-left或border-right屬性，可以創(chuàng)建垂直的邊框線，給段落添加border-right屬性，可以讓其右側(cè)出現(xiàn)一條豎線：

p {
  border-right: 1px solid #000;
}

2、使用CSS的偽元素：

通過給元素添加偽元素::before或::after，可以創(chuàng)建垂直的分隔線，給段落添加::before偽元素，可以讓其上方出現(xiàn)一條豎線：

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

兩種方法都可以實現(xiàn)CSS豎線的效果，可以根據(jù)具體需求選擇適合的方法，還可以通過調(diào)整屬性值和樣式來進一步自定義豎線的樣式，如顏色、粗細等。