水平線在網頁排版中常被用于分隔內容、創建結構，而在CSS中也有多種方法可以實現水平線的效果。

/*  方法一：使用border屬性  */
hr {
border: 0;
border-top: 1px solid #000;
}
/* 方法二：使用偽元素after  */
hr:after {
content: "";
display: block;
height: 1px;
background-color: #000;
margin-top: 10px;
}
/* 方法三：使用背景圖像 */
hr {
background: url("line.png") repeat-x center;
height: 2px;
border: none;
}

以上三種方法均可實現水平線的效果，但具體應用場景需要根據實際情況而定。使用CSS創建水平線時，需要注意控制線的粗細、高度、顏色等屬性，以達到最佳的視覺效果。