CSS回到頂部按鈕是網頁設計中十分常見的一個元素。它通常位于網頁底部或右側，為用戶提供了一個方便快捷的回到頁面頂部的按鈕，使用戶的操作更加流暢自如。下面我們將介紹如何實現一個簡單的CSS回到頂部按鈕：

/* CSS樣式 */
#back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #eee;
color: #333;
font-size: 28px;
line-height: 40px;
text-align: center;
cursor: pointer;
}
#back-to-top:hover {
background-color: #333;
color: #fff;
}

上面的代碼中，我們使用了position屬性將回到頂部按鈕定位在瀏覽器窗口的右下角，并設置了一些基本的按鈕樣式，包括顏色，大小，字體等。同時，通過display:none屬性將按鈕隱藏，等待后續的操作來顯示。

/* JS腳本 */
window.onscroll = function() {
if (document.documentElement.scrollTop >1000 ||
document.body.scrollTop >1000) {
// 顯示按鈕
document.getElementById("back-to-top").style.display = "block";
} else {
// 隱藏按鈕
document.getElementById("back-to-top").style.display = "none";
}
}
document.getElementById("back-to-top").onclick = function() {
document.documentElement.scrollTop = 0;
document.body.scrollTop = 0;
}

上述JS腳本中，我們使用了onscroll事件監測用戶滾動頁面的情況，并且判斷當滾動條位置大于1000時，顯示“回到頂部”按鈕。在按鈕被點擊后，我們使用scrollTop屬性將滾動條位置置為0，實現了回到頁面頂部的功能。

這就是CSS回到頂部按鈕的實現方法了。當然，你也可以根據自己的需要對樣式進行定制化操作，使回到頂部按鈕更符合你所設計的網站主題。希望這篇文章能夠幫到你！