CSS3中的hr屬性，也就是水平線屬性，讓我們不再局限于只有單一的水平線樣式。通過(guò)CSS3，我們可以輕松地操縱水平線的外觀，使其更加美觀和實(shí)用。 使用CSS3 hr屬性時(shí)，可以定義水平線的寬度、高度、顏色、樣式等屬性。在下面的示例中，我們將演示其中一些常見(jiàn)的樣式屬性：

p {
color: #FF0000;
}
hr {
border: 0;
height: 1px;
background-color: #ccc;
margin: 20px 0;
}
hr.thick{
height:10px;
background-color:#FFC000;
border:0;
}
hr.dotted{
height:3px;
background-color:black;
border:0;
border-bottom:2px dotted white;
}

上述代碼中，我們定義了三種不同樣式的水平線。第一個(gè)hr標(biāo)簽是普通的樣式，僅僅是一個(gè)1像素的灰色線條。第二個(gè)hr標(biāo)簽是一條粗線條，高度是10像素，顏色是橙色。第三個(gè)hr標(biāo)簽是一條帶有點(diǎn)線的黑線，中間由白色線條隔開(kāi)。 可以看出，CSS3的hr屬性非常靈活，它可以讓我們更好地應(yīng)對(duì)不同的排版需求。我們可以通過(guò)設(shè)置不同的屬性，使水平線在頁(yè)面上有更好的呈現(xiàn)效果。