在CSS中，hr是很常見的一種元素，它可以用來分割網(wǎng)頁內(nèi)容。CSS中可以通過偽元素:before和:after來定義hr樣式。

hr {
height: 1px;
border: none;
background-color: #ccc;
margin: 20px 0;
}
hr:before {
content: "";
display: inline-block;
width: 50%;
height: 1px;
background-color: #ccc;
}
hr:after {
content: "";
display: inline-block;
width: 50%;
height: 1px;
background-color: #ccc;
}

上面的代碼定義了hr的樣式。首先設(shè)置了hr元素的高度為1像素，取消了邊框，并設(shè)置了背景顏色為灰色。接下來通過margin屬性給hr添加了一個上下間距。在:before和:after偽元素中，通過content屬性定義了一個空內(nèi)容，并設(shè)置了inline-block屬性讓其變成行內(nèi)塊元素。然后分別設(shè)置了偽元素的寬度為50%，高度為1像素，背景顏色也與hr相同，這樣就形成了一條細(xì)線，將頁面分割開來。