HR標簽用于在頁面上水平放置一條直線。HR標簽是一個自閉和標簽，可以使用CSS樣式表控制線條的顏色、粗細和長度。HR標簽可以應用于網頁底部，也可以設置多個水平線條賦予頁面更加豐富的樣式。

使用CSS的border屬性可以改變HR標簽的顏色，樣式和長度。原本HR標簽默認的長度為100%的頁面寬度，不過您可以通過CSS樣式表來改變這個默認長度。

hr{
border: none;    /* 去掉原有樣式 */
color: #ccc;    /* 線條顏色 */
background-color: #ccc;
height: 1px;    /* 改變線條粗細 */
width: 50%;    /* 改變線條長度 */
margin:10px auto;    /* 使線條居中 */
}

在上面的例子中，我們通過CSS樣式表改變了HR標簽的長度、粗細和位置。我們沒有使用默認的長度100%，而是使用了50%，所以現在線條只占頁面的一半長度。我們還設置了線條的高度為1像素，通過background-color和color屬性來改變線條的顏色。

總結：HR標簽可以使用CSS來改變顏色，長度和樣式，通過使用CSS實現更多定制化和個性化的效果，從而使頁面更加美觀。