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

hr {
width: 50%;
}

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

hr {
width: 200px;
}

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

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

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

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

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

hr {
border-color: red;
}

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

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