CSS是一種用于控制網頁樣式的語言，它可以讓我們輕松地美化網站的外觀。在這里，我們將介紹如何在HTML頁面中使用CSS來添加水平線段。
在HTML中，我們可以使用hr標簽來插入水平線段。這個標簽沒有任何屬性，所以我們無法通過修改標簽來改變水平線段的外觀。但是，我們可以使用CSS來做到這一點。
為了使用CSS控制水平線段的外觀，首先我們需要給hr標簽添加class屬性。這個屬性可以讓我們在CSS中通過類名來選擇它。
在HTML文件的頭部，我們可以使用style標簽來添加CSS代碼。為了選擇hr標簽，我們需要在樣式選擇器中加入類名。為了使樣式生效，我們還需要將hr標簽的border屬性設置為none，這樣樣式就不會被默認樣式所覆蓋。
下面是一個使用CSS控制hr標簽外觀的示例：

<style>
.my-hr {
height: 1px;
background-color: #ccc;
margin: 20px 0;
border: none;
}
</style>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue.</p>
<hr class="my-hr">
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<hr class="my-hr">

在上面的示例中，我們使用類名“my-hr”來選擇hr標簽，并為其定義了高度、背景顏色和上下邊距。我們還將border屬性設置為none，以避免默認樣式和定義樣式之間的沖突。
在每個hr標簽中，我們都使用class屬性來引用我們定義的樣式類。
通過這種方式，我們可以輕松地使用CSS來控制hr標簽的樣式，讓它們更好地融入我們的網頁設計中。