如何在CSS中顯示橫線

在CSS中，您可以使用多種方法來顯示橫線，以下是一些常見的方法：

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

您可以通過設(shè)置元素的邊框來顯示橫線，如果您想為段落（p）元素添加一條橫線，可以這樣做：

p {
  border-bottom: 1px solid black;
}

這將在每個段落元素的底部添加一條黑色橫線，您可以根據(jù)需要調(diào)整橫線的粗細（使用2px或3px等）和顏色（使用red或#FF0000等）。

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

您還可以使用文本裝飾屬性來在文本下方添加橫線。

p {
  text-decoration: underline;
}

這將在每個段落元素的文本下方添加一條單線，您可以使用double或overline等選項來更改橫線的樣式。

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

您還可以通過設(shè)置元素的背景來顯示橫線，如果您想為段落（p）元素添加一條灰色橫線，可以這樣做：

p {
  background-image: linear-gradient(to right, transparent, gray 1px, transparent);
}

這將在每個段落元素的背景中添加一條灰色橫線，您可以根據(jù)需要調(diào)整橫線的顏色和位置。

是一些在CSS中顯示橫線的方法，您可以根據(jù)自己的需求選擇***適合的方法。