博客园 添加 “返回顶部” 按钮

第一步：创建返回顶部按钮（页首Html代码 中添加）

<span id="back-to-top"><a href="#top">返回顶部</a></span>

 

第二步：添加锚点（页首Html代码 中添加）

<span id="top"></span>

 

第三步：设置按钮样式（页面定制CSS代码 中添加）

#back-to-top {
    background-color: #8bcc99;
    bottom: 10px;
    box-shadow: 0 0 6px #72a072;
    padding: 5px 10px;
    position: fixed;
    right: 50px;
    border-radius: 8px;
    opacity: 0.7;
}