HTML 水平線是指一種用于在頁面上劃分內容區域的元素，通常用于區分內容段落。在HTML中，我們可以使用水平線元素來創建一條水平線，并通過設置線的寬度進行自定義的調整。 為了創建一條水平線，在HTML中我們可以使用

---

元素，例如：

<p>這是一段文字。</p>
<hr>
<p>這是另一段文字。</p>

上面的代碼會在兩段文字之間創建一條水平線，其效果如下： 這是一段文字。 --- 這是另一段文字。 如果我們想改變線的寬度以適應我們的頁面設計，可以使用CSS樣式來定義

---

元素的寬度。首先，我們需要為水平線元素添加一個類名，以便對其進行樣式設置。例如，我們將類名設置為 "my-hr"：

<p>這是一段文字。</p>
<hr class="my-hr">
<p>這是另一段文字。</p>

接下來，我們可以在我們的CSS文件中添加一個樣式設置：

.my-hr {
width: 50%;
}

這將限制線的寬度為頁面寬度的50％。您可以像這樣根據您的需求進行調整。 總之，使用HTML水平線元素可以幫助我們輕松地在頁面上分隔內容，并且可以通過CSS樣式輕松自定義水平線的寬度。