CSS排版技巧：如何添加橫杠

在CSS中，我們可以使用多種方法來添加橫杠，以下是一些常見的方法：

1、使用邊框（border）屬性：

通過給元素添加邊框，我們可以實現(xiàn)橫杠的效果，給段落（p）添加底邊框（border-bottom）：

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

2、使用文本裝飾（text-decoration）屬性：

文本裝飾屬性可以用來給文本添加裝飾線，如下劃線（underline）、上劃線（overline）和刪除線（line-through），給文本添加下劃線：

span {
  text-decoration: underline;
}

3、使用背景（background）屬性：

通過給元素添加背景色或背景圖片，我們也可以實現(xiàn)橫杠的效果，給段落添加背景色：

p {
  background-color: #f0f0f0;
}

4、使用偽元素（pseudo-elements）::before 和 ::after：

偽元素可以用來在元素的內(nèi)容前后添加裝飾內(nèi)容，在段落前添加裝飾線：

p::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
}

是一些常見的添加橫杠的方法，你可以根據(jù)自己的需求選擇適合的方法，你也可以結(jié)合使用多種方法來實現(xiàn)更復(fù)雜的效果，希望這些方法能對你有所幫助！