CSS3中的hr樣式：使用hr元素可以創建水平分割線，但它的樣式十分千篇一律。在CSS3中，我們可以通過一些屬性來調整它的樣式。

hr {
height: 1px;
border: none;
background-color: #ddd;
margin: 20px 0;
}

上面的代碼演示了如何將高度設置成1像素，并且使用背景色代替了默認的border屬性，使邊框變成實線。同時我們為hr加上了margin，這樣就可以讓它離上面和下面的內容有一定距離了。

需要注意的是，IE8及其以下版本不支持border屬性的樣式，此時可以通過box-shadow來模擬，代碼如下：

hr {
height: 1px;
border: none;
box-shadow: 0px 1px 1px #ccc;
margin: 20px 0;
}

通過box-shadow實現的分割線樣式與使用border屬性的效果相似。