CSS回到頂部是一種非常方便的功能，通過CSS代碼實現，可以在網頁中添加一個回到頂部的按鈕，方便用戶快速返回頂部位置。實現方法非常簡單，只需要使用一些基礎的CSS屬性就可以完成。

回到頂部按鈕的CSS代碼：
.btn-top {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
width: 50px;
height: 50px;
background-color: #333;
color: #fff;
text-align: center;
line-height: 50px;
font-size: 16px;
border-radius: 50%;
cursor: pointer;
}
.btn-top:hover {
background-color: #555;
}

通過以上CSS代碼，我們可以實現一個固定在頁面右下角的回到頂部按鈕，并設置了其樣式和位置。在頁面滾動大于等于一定高度時，該元素會顯示出來，方便用戶使用。

在實現這個功能的過程中，需要使用JavaScript來控制按鈕的顯示和隱藏，以及頁面滾動到頂部的動畫效果。

回到頂部按鈕的JavaScript代碼：
window.addEventListener('scroll', function() {
var el = document.querySelector('.btn-top');
if (window.pageYOffset >400) {
el.style.display = 'block';
} else {
el.style.display = 'none';
}
})
document.querySelector('.btn-top').addEventListener('click', function() {
window.scroll({ top: 0, left: 0, behavior: 'smooth' });
})

以上JavaScript代碼中，通過監聽window對象的scroll事件，當頁面滾動的垂直距離大于等于400像素時，顯示回到頂部按鈕，否則隱藏。在按鈕被點擊后，通過scroll方法實現頁面滾動到頂部的效果。

通過CSS和JavaScript的結合，我們可以方便地實現一個回到頂部的按鈕，提高用戶體驗，使用戶更容易操作頁面。