在前端開發中，有時候需要為網頁添加一些裝飾性的效果，例如在頁面頂部添加一條橫線，讓頁面看起來更加美觀。這時候，可以通過CSS來實現這個效果。

如下是添加頂線的css代碼：

#top-line {
border-top: 2px solid black;
}

上面的代碼中，我們為id為“top-line”的元素添加了上邊框，并將它的顏色設為黑色，線條寬度為2px。然后在HTML文件中添加一個元素，并為它設置id為“top-line”：

<div id="top-line"></div>

通過將上述代碼添加到網頁中，便可以在頁面頂部添加一條黑色的頂線了。

除了上面提到的方法外，我們還可以使用偽元素來實現添加頂線的效果。代碼如下：

#top-line::before {
content: '';
display: block;
border-top: 2px solid black;
}

上述代碼中，我們使用了CSS偽元素“::before”，并為它添加了上邊框，線條寬度同樣為2px。同時，我們通過“content: ''”屬性，讓偽元素的內容為空，這樣便不會在網頁中顯示任何東西。同樣需要在HTML文件中添加上面提到的“top-line”元素。

以上便是通過CSS實現添加頂線的方法，我們可以根據實際需求選擇不同的方法來達到想要的效果。