CSS是前端開發中必不可少的一部分，它具有豐富的屬性和功能。其中一個最基本的功能就是改變橫線的長度。

hr {
width: 50%; /* 改變橫線寬度為父元素的50% */
margin: 20px auto; /* 居中對齊 */
}

如上代碼所示，我們可以使用“hr”選擇器來選中橫線元素。通過設置“width”屬性，我們可以改變橫線的寬度。在這個例子中，我們將橫線的寬度設置為其父元素寬度的50%。同時，我們使用“margin”屬性來居中對齊橫線。

除了通過設置“width”的值來改變橫線的長度，我們還可以使用“height”屬性來改變橫線的高度。

hr {
height: 5px; /* 改變橫線高度為5像素 */
margin: 20px auto; /* 居中對齊 */
}

如上代碼所示，我們將橫線的高度設置為5像素。與之前一樣，我們使用“margin”屬性來指定橫線居中對齊。

在實際開發中，我們可以根據具體需求來選擇合適的方式來改變橫線的長度或高度。同時，我們還可以通過使用其他屬性來進一步改變橫線的樣式，如“border-style”、“border-color”等。