如何用CSS畫橫線

CSS是一種強大的樣式表語言，可以用來描述HTML文檔的外觀和格式，畫橫線是一項基本的CSS技能，下面是一些關(guān)于如何用CSS畫橫線的建議。

1、使用border屬性：

border屬性可以用來在元素周圍繪制邊框，包括橫線，如果你想在一段文本下面畫一條橫線，你可以使用以下代碼：

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

這段代碼中，p元素（段落）的底部邊框被設(shè)置為1像素寬的黑色橫線。

2、使用text-decoration屬性：

text-decoration屬性可以用來給文本添加裝飾，包括下劃線，如果你想給一段文本添加下劃線，可以使用以下代碼：

p {
  text-decoration: underline;
}

這段代碼中，p元素的文本被添加了下劃線。

3、使用background-image屬性：

background-image屬性可以用來在元素的背景中添加圖像，包括橫線，如果你想在一段文本的背景中添加一條橫線，你可以使用以下代碼：

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

這段代碼中，p元素的背景被添加了一條1像素寬的黑色橫線。

是一些基本的CSS畫橫線方法，你可以根據(jù)自己的需求選擇適合的方法，如果你需要更復(fù)雜的橫線樣式，可以參考一些CSS教程或者在線工具。