在網頁設計中，我們常常需要為網頁的標題、導航欄或者其他元素添加頂線，以達到美化頁面的效果。在CSS中我們可以通過設置border-top屬性來實現這一效果。

.title {
border-top: 2px solid #ccc; /*設置頂線的粗細和顏色*/
}

上述代碼中，.title是我們需要添加頂線的元素的類名，可以根據實際情況進行修改。border-top屬性是用來設置頂線，其中2px代表線的粗細，solid代表實線樣式，#ccc代表頂線的顏色。

如果需要設置頂線的左側和右側的間距，我們可以使用padding屬性：

.title {
border-top: 2px solid #ccc;
padding: 10px 0; /*設置頂線上下的間距*/
}

上述代碼中，padding屬性用來設置頂線上下的間距，其中10px代表上下的間距。

如果需要為不同的元素添加不同的頂線效果，我們可以通過添加不同的類名來實現：

.title {
border-top: 2px solid #ccc;
padding: 10px 0;
}
.nav {
border-top: 1px dashed #999;
padding: 5px 0;
}

上述代碼中，.nav是我們需要添加頂線的另一個元素的類名，通過設置不同的border-top和padding屬性，實現了不同的頂線效果。

通過使用CSS的border-top屬性，我們可以輕松地為網頁添加各種各樣的頂線效果，美化我們的網頁。