HTML代碼：
CSS樣式：
為了使回到頂部按鈕更加美觀，我們可以為其添加一些CSS樣式。以下是一個示例代碼：
```css
#back-to-top {one;: fixed;: 20px;
right: 20px;t-size: 14px;
color: #fff;d-color: #000;g: 10px;
border-radius: 50%;dex: 999;
#back-to-top:hover {d-color: #555;
one，使按鈕在頁面加載時不可見，只有當用戶向下滾動頁面時才會顯示。
JavaScript代碼：
為了實現回到頂部按鈕的功能，我們需要使用JavaScript代碼。以下是一個示例代碼：
```javascript
// 獲取回到頂部按鈕元素ententById('back-to-top');
// 給按鈕添加點擊事件tListenerction() {
// 滾動到頁面頂部dow.scrollTo({
top: 0,ooth'
});
// 監聽頁面滾動事件dowtListenerction() {
// 判斷頁面是否向下滾動dow.scrollY >0) {
// 顯示回到頂部按鈕
backToTop.style.display = 'block';
} else {
// 隱藏回到頂部按鈕one';
在這個代碼中，我們首先獲取了回到頂部按鈕元素，然后給按鈕添加了一個點擊事件，當用戶點擊按鈕時，頁面會滾動到頂部。同時，我們還監聽了頁面滾動事件，當頁面向下滾動時，顯示回到頂部按鈕，否則隱藏按鈕。
通過以上的HTML、CSS和JavaScript代碼，我們可以很容易地實現一個回到頂部按鈕。在實際項目中，我們可以根據需要自定義按鈕的樣式和功能，讓用戶更加方便地瀏覽網頁內容。