在許多網站中，我們都可以看到一條橫線分割不同的內容區塊，這條橫線就是通過CSS排版來實現的。而這種橫線的代碼是什么呢？它就是hr標簽。

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

在上面的代碼中，我們可以看到hr標簽的CSS樣式設置。首先，border設置為none，因為默認情況下hr標簽會有一個邊框，我們不需要它。接著，設置高度為1像素，即所謂的細線。然后，設置背景顏色為灰色，這個顏色可以根據需要自行調整。最后，設置上下間距為20像素，使得橫線與上下內容區塊有適量的間隔。

需要注意的是，hr標簽本身并不是塊級元素，它只是一個空元素，也就是說不可以在其內部添加任何內容。但是，通過CSS樣式設置，我們可以控制這種橫線的位置、顏色、粗細等屬性。因此，hr標簽在制作網頁中非常有用，可以很好地對頁面進行布局和分隔。