在網頁設計中，線條的運用可以起到很好的美化作用。而在HTML中，我們可以通過簡單的代碼設置等距線條，讓網頁更加美觀。

下面，我們就來介紹一下HTML等距橫線的設置方法。

1.使用hr標簽

在HTML中，可以使用hr標簽來插入橫線。hr標簽是一個自閉合標簽，不需要閉合。使用方法如下：

<hr>

這樣就可以在網頁中插入一條默認樣式的橫線。但是默認樣式并不一定適合所有網頁，因此我們可以通過CSS來設置橫線的樣式。

2.使用CSS樣式設置橫線

通過CSS樣式可以設置橫線的顏色、寬度、樣式等屬性。下面是一個例子：

<hr style="border-top: 1px solid #ccc;

在這個例子中，我們設置了橫線的樣式為實線，顏色為灰色，寬度為1像素。

除了實線，CSS還支持虛線、點線等不同的線條樣式。下面是一個例子：

<hr style="border-top: 2px dashed red;

在這個例子中，我們設置了橫線的樣式為紅色虛線，寬度為2像素。

3.設置等距線條

除了設置橫線的樣式，我們還可以通過CSS設置等距線條。等距線條是指在網頁中設置等距離的豎線，可以起到分隔內容的作用。

下面是一個例子：

argin-left: 50%;</div>

argin-left為50%，可以讓豎線居中顯示。

通過以上的介紹，我們可以看出，在HTML中設置等距線條并不難。只需要簡單的代碼和CSS樣式，就可以讓網頁更加美觀。希望這篇文章能夠幫助到你。