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

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;
}

上述代碼中，我們定義了三種不同樣式的水平線。第一個hr標簽是普通的樣式，僅僅是一個1像素的灰色線條。第二個hr標簽是一條粗線條，高度是10像素，顏色是橙色。第三個hr標簽是一條帶有點線的黑線，中間由白色線條隔開。 可以看出，CSS3的hr屬性非常靈活，它可以讓我們更好地應對不同的排版需求。我們可以通過設置不同的屬性，使水平線在頁面上有更好的呈現效果。