本站页脚HTML回顶部代码

最新推荐文章于 2021-12-25 23:38:48 发布

转载最新推荐文章于 2021-12-25 23:38:48 发布 · 473 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/linuxde/p/8757456.html

本文介绍了一个简单的 CSS 回顶部按钮的设计方案，通过固定定位和简洁的样式实现页面滚动时快速返回顶部的功能。

<style type="text/css">.top { width: 50px; height: 50px; background-color: #F0F0F0; border: 1px solid #D9D9D9; z-index: 1; right: 10px; bottom: 10px; POSITION: fixed }
.top a { width: 50px; height: 49px; display: block; text-align: center; line-height: 49px; font-size: 12px; color: #999999; text-decoration: none }</style>

<div class="top">
<a href="#">回顶部</a>
</div>