在HTML中，hr標簽是用于創建水平線的元素。hr標簽默認的長度是100%的頁面寬度，但是有時候我們需要設置hr標簽的長度來滿足特定的設計需求。本文將詳細介紹如何設置hr標簽的長度，讓你能夠更好地掌握HTML的技巧。

1. 使用CSS樣式表設置hr標簽長度

k標簽或者style標簽來引入樣式表。例如：

lk rel="stylesheet" type="text/css" href="style.css">

<style>

width: 50%;

</style>

等單位。例如：

```css

width: 50%;

這個例子中，我們設置hr標簽的長度為頁面寬度的50%。你可以根據自己的需求設置不同的長度。

2. 使用HTML屬性設置hr標簽長度

除了使用CSS樣式表外，我們還可以使用HTML屬性來設置hr標簽的長度。在hr標簽中，有一個size屬性可以用來設置長度。例如：

<hr size="50%">

3. 使用CSS偽元素設置hr標簽長度

tent屬性來設置hr標簽的長度。例如：

```css

hr:before {tent: "";

display: block;

height: 1px;d-color: black;

width: 50%;argin: 0 auto;

這個例子中，我們使用:before偽元素來創建一個hr標簽，并設置其長度為頁面寬度的50%。需要注意的是，這種方法需要設置一些額外的CSS屬性，比較麻煩。

以上就是三種設置hr標簽長度的方法。使用CSS樣式表是最常用的方法，也是最簡單的方法。使用HTML屬性和CSS偽元素可以實現同樣的效果，但是需要設置一些額外的屬性。根據自己的需求選擇不同的方法來設置hr標簽的長度。