HTML中的hr標簽是用于創建一條水平線的，但是它的樣式是比較單一的。下面我們就來講解一下如何用CSS來設置hr標簽的樣式。

hr{
border:none;
height:2px;
background:#ccc;
margin:20px 0;
}

以上代碼是一個比較基礎的hr樣式設置，我們對它進行一一解釋。

首先，我們把邊框去掉，即border:none;

然后，設置線的高度，即height:2px;，這里我們設置了2px。

接下來是線的顏色，即background:#ccc;，這里我們設置為灰色。

最后是距離上下文的距離，即margin:20px 0;，這里我們設置了20px。

這樣設置以后，hr標簽的樣式就變得比較美觀了。當然，我們也可以根據具體需求來自定義hr標簽的樣式，如改變線條樣式、顏色、寬度等等參數，這就需要我們靈活運用CSS技術了。