在許多網(wǎng)站中，我們都可以看到一條橫線分割不同的內(nèi)容區(qū)塊，這條橫線就是通過(guò)CSS排版來(lái)實(shí)現(xiàn)的。而這種橫線的代碼是什么呢？它就是hr標(biāo)簽。

hr {
border: none; /* 清除默認(rèn)的邊框 */
height: 1px; /* 設(shè)置高度為1像素 */
background-color: #ccc; /* 設(shè)置背景顏色為灰色 */
margin: 20px 0; /* 設(shè)置上下間距為20像素 */
}

在上面的代碼中，我們可以看到hr標(biāo)簽的CSS樣式設(shè)置。首先，border設(shè)置為none，因?yàn)槟J(rèn)情況下hr標(biāo)簽會(huì)有一個(gè)邊框，我們不需要它。接著，設(shè)置高度為1像素，即所謂的細(xì)線。然后，設(shè)置背景顏色為灰色，這個(gè)顏色可以根據(jù)需要自行調(diào)整。最后，設(shè)置上下間距為20像素，使得橫線與上下內(nèi)容區(qū)塊有適量的間隔。

需要注意的是，hr標(biāo)簽本身并不是塊級(jí)元素，它只是一個(gè)空元素，也就是說(shuō)不可以在其內(nèi)部添加任何內(nèi)容。但是，通過(guò)CSS樣式設(shè)置，我們可以控制這種橫線的位置、顏色、粗細(xì)等屬性。因此，hr標(biāo)簽在制作網(wǎng)頁(yè)中非常有用，可以很好地對(duì)頁(yè)面進(jìn)行布局和分隔。