CSS中有多種方法可以代替HTML中的hr標簽，本篇文章將介紹其中的兩種常用方法。

方法一：使用border屬性

hr {
border: 0;
height: 1px;
background-color: gray;
}

上述代碼中，首先將hr的邊框設置為0，再將高度設置為1px，最后設置背景顏色即可。這種方法看起來簡單易懂，且有更高的自定義性。

方法二：使用偽元素

hr {
position: relative;
border: none;
height: 1px;
}
hr:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 100%;
background-color: gray;
}

上述代碼中，首先將hr的邊框設置為0，再設置高度。然后通過使用偽元素:before，在hr標簽的前面插入一個內容為空的塊級元素，將其位置定位為絕對，高度設置為1px，寬度設置為100%，最后設置背景顏色。這種方法代碼稍微有些復雜，但可以更好地保持HTML的結構清晰。