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代码，我们可以很容易地实现一个回到顶部按钮。在实际项目中，我们可以根据需要自定义按钮的样式和功能，让用户更加方便地浏览网页内容。