博客园页面添加返回顶部TOP按钮


1. 进入网页管理->设置

2. 在"页面定制CSS代码"中添加如下css样式,当然你可以改为自己喜欢的样式

#back-to-top {
    background-color: #00CD00;
    bottom: 0;
    box-shadow: 0 0 6px #00CD00;
    color: #444444;
    padding: 10px 10px;
    position: fixed;
    right: 50px;
    cursor: pointer;
}

3. 在"页脚Html代码"中添加如下代码,可以将文字改为图片

<span id="back-to-top"><a href="#top">TOP</a></span>

4. 点击保存按钮

这样就在自己的页面添加了回到顶部的Top按钮


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM