HTML5中的hr標(biāo)簽是用來創(chuàng)建水平線的標(biāo)簽。它的作用是將內(nèi)容分隔開，可以在文章中更好地進(jìn)行視覺分割，讓閱讀者更容易理解文章的結(jié)構(gòu)。同時(shí)，hr標(biāo)簽也可以用于網(wǎng)頁的裝飾效果。在本文中，我們將會詳細(xì)介紹如何通過設(shè)置hr標(biāo)簽的長度來實(shí)現(xiàn)更加靈活的顯示效果。

<hr size="2" width="50%" align="center" color="#000000" />

上述代碼是一個簡單的hr標(biāo)簽示例，其中size屬性用來設(shè)置水平線的厚度，width屬性用來設(shè)置水平線的長度。默認(rèn)情況下，hr標(biāo)簽會占據(jù)整個寬度，如果我們想要設(shè)置水平線的長度為50%，可以使用width屬性，取值介于0%~100%之間。

如果您希望將水平線放置在頁面的中心位置，可以使用align屬性設(shè)置水平對齊方式，可選值有l(wèi)eft、center、right。這里我們選擇center值，表示將水平線放置在頁面中心位置。

<hr size="4" width="80" align="center" color="#FF0000" />

如果您希望設(shè)置一個固定長度的水平線，可以將width屬性設(shè)置為一個固定值，例如上面的代碼將水平線的長度設(shè)置為80px。此外，color屬性可以用來設(shè)置水平線的顏色，可選值包括顏色名稱和色值。

總之，通過設(shè)置hr標(biāo)簽的屬性，我們可以實(shí)現(xiàn)不同長度、顏色和對齊方式的水平線效果，從而讓網(wǎng)頁更加美觀和易讀。