在CSS中，<hr>標簽生成水平線，是一種常用的分割線。我們可以使用CSS來控制水平線的長短、顏色和樣式等屬性。其中最常用的是通過設置width屬性來控制水平線的長度。

hr {
width: 50%;
}

上述代碼將水平線的長度設置為其父元素寬度的50%。同理，我們也可以使用具體的像素值來設置水平線的長度。

hr {
width: 200px;
}

上述代碼將水平線的長度設置為200像素。

除了寬度，我們還可以通過設置高度來控制水平線的長度。不過需要注意的是，<hr>標簽本身的高度是無法被設置的，只能通過設置父元素的高度來控制水平線的長度。

.container {
height: 20px;
}
.container hr {
height: 1px;
background-color: black;
}

上述代碼通過設置容器.container的高度來控制水平線的長度，同時也設置了水平線的高度和背景顏色。

除了長度，我們也可以通過設置border-color屬性來控制水平線的顏色。

hr {
border-color: red;
}

上述代碼將水平線的顏色設置為紅色。

在實際開發中，我們還可以進一步定制水平線的樣式，比如設置虛線、實線、點狀線等等。這里不再贅述，有興趣的讀者可以自行查閱相關資料。