水平線是網頁設計中常用的一種裝飾元素，它的出現可以讓頁面更加美觀、清晰，并且可以起到分割、劃分頁面的作用。而使用CSS的border屬性可以很方便地實現水平線的效果。

下面我們給出一個使用CSS實現漂亮水平線的例子：

.horizontal-line {
border-top: 2px solid #d9d9d9;
margin: 20px 0;
}

以上代碼定義了一個類名為 horizontal-line 的樣式規則，它的作用是創建一條粗細為2像素、顏色為#d9d9d9的實線作為水平線，同時通過 margin 屬性設置它距離上下內容塊所在的容器的間距為20像素。

對于這個水平線，我們還可以通過增加樣式規則來修改它的顏色、樣式、寬度等屬性:

/* 定義顏色為紅色的虛線水平線樣式 */
.horizontal-line-red {
border-top: 1px dashed #ff4d4f;
margin: 20px 0;
}
/* 定義顏色為綠色的實線水平線樣式，且寬度為50% */
.horizontal-line-green {
border-top: 3px solid #52c41a;
margin: 15px 0;
width: 50%;
}

這樣我們就可以在需要使用水平線的地方直接添加 horizontal-line 等類名到HTML元素上，從而實現漂亮的水平線效果。