CSS3提供了很多強大的新樣式，其中之一就是hr的樣式。hr是html中的水平線，可以用來分割不同部分的內容。通過CSS3，我們可以為hr添加許多不同的樣式，例如顏色、線條樣式和動畫效果等。

hr{
border:none;
height:2px;
background-color:#000;
background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
box-shadow:0 0 2px #000;
}

上述CSS代碼可以實現一個簡單的水平線樣式。其中，border:none;表示取消默認的邊框樣式，height:2px;表示設置水平線的高度為2像素，background-color:#000;表示設置水平線的顏色為黑色。

background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));用來設置水平線的漸變背景色。這里采用了線性漸變（linear-gradient），從左到右從透明到半透明到透明，實現了水平線的柔和過渡效果。

最后，box-shadow:0 0 2px #000;用來添加陰影效果，讓水平線看起來更加立體。其中，0 0 2px表示陰影的偏移量和模糊半徑，#000表示陰影的顏色也是黑色。

除了上述基本的水平線樣式，CSS3還提供了許多其他的樣式，例如虛線背景、圓角邊框、反轉邊框等，可以根據需要進行選擇和應用。