CSS中hr標簽是一種用于分隔內容的水平線標簽，用于劃分不同信息的區域，提升頁面的可讀性。通過設置hr標簽的樣式，我們可以為頁面添加更多的視覺元素。下面我們來介紹一下如何為hr標簽設置顏色。

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

在上述代碼中，我們為hr標簽設置了高度為1px，背景顏色為#000，去掉了邊框，設置了20px的上下間距。這樣，頁面中的hr標簽就會變成一條黑色水平線，從而達到分隔內容的作用。

當然，以上只是一個簡單的例子，我們還可以通過其他屬性來進一步調整hr標簽的樣式，比如border-radius、border-style、border-width等等。如果您想為hr標簽添加其他樣式，可以參考下面的代碼實現：

hr {
background-color: red;
height: 2px;
border-style: dotted;
border-width: 1px;
border-color: yellow;
border-radius: 5px;
margin: 10px 0;
}

在這個例子中，我們為hr標簽設置了紅色背景、2px的高度、點狀邊框線、1px的邊框寬度、黃色邊框顏色和5px的邊框圓角，同時設置了10px的上下間距。當然，您可以自由設置各種屬性來實現自己想要的效果。

總之，通過為hr標簽添加樣式，我們可以為頁面添加更多視覺元素，提升頁面的美觀性和可讀性。希望本文對您有所幫助，謝謝閱讀！