CSS是一種用于網頁排版的語言，它可以控制網頁的樣式和布局。在網頁中，我們常常需要使用線條來分割內容或者進行強調。本文將介紹如何使用CSS來制作橫線。

在CSS中，我們可以使用“border”屬性來為HTML元素加邊框，而邊框可以顯示為實線、虛線或者點線等樣式。因此我們可以設置邊框樣式為“solid”，寬度為“1px”，顏色為“black”來制作一條實線橫線。代碼如下：

hr{
border: solid 1px black;
}

使用上述代碼，我們可以為HTML中的“hr”元素設置樣式，從而制作一條水平的實線橫線。

如果我們想要制作一條虛線或點線的橫線，我們可以將邊框樣式設置為“dashed”或“dotted”。代碼如下：

hr{
border: dashed 1px black;
}
hr{
border: dotted 1px black;
}

同樣地，我們可以通過這兩種方式來制作水平的虛線或點線橫線。當然，我們也可以根據需要來調整邊框寬度和顏色。

除了使用“hr”元素來制作橫線以外，我們也可以借助CSS的“::before”或“::after”偽元素來制作橫線。代碼如下：

p::before{
content: "";
border-bottom: solid 1px black;
display: block;
margin-bottom: 10px;
}

使用上述代碼，我們可以為“p”元素的開頭添加一個空白的偽元素，并設置邊框樣式為實線，寬度為1像素，顏色為黑色，并將組成的線條以塊級元素的形式展示。需要注意的是，為了避免橫線和文字重疊，我們在偽元素中設置了10像素的下邊距。

總之，CSS提供了多種方式來制作橫線。我們可以根據需要自由運用這些方法來美化自己的網頁。