请问一个纯CSS写的返回顶部按钮组

• HTML代码：

<div class="gotop">     <ul>         <li><a id="goTopBtn" href="#"><i class="icon iconfont">&#xe60b;</i><em>返回顶部</em></a></li>         <li><a href="#"><i class="icon iconfont">&#xe605;</i><em>上一文章</em></a></li>         <li><a href="#"><i class="icon iconfont">&#xe622;</i><em>下一文章</em></a></li>         <li><a target="_blank" href="#"><i class="icon iconfont">&#xe600;</i><em>官方客服</em></a></li>         <li><a href="#" class="user" target="_blank"><i class="icon iconfont">&#xe60e;</i><em>个人中心</em></a></li>     </ul> </div>

• CSS代码：

.gotop {     position: fixed;     top: 50%;     left: 50%;     margin-left: 600px;     margin-top: -125px; } .gotop li a {     display: block;     width: 30px;     height: 30px;     border-bottom: 1px solid #000;     background-color: #333;     color: #fff;     line-height: 15px;     padding: 10px;     text-align: center; } .gotop li a.user {     border: 0; } .gotop li a i {     line-height: 30px;     font-size: 20px; } .gotop li a em {     display: none; } .gotop li a:hover {     background-color: #3398cc;     color: #fff; } .gotop li a:hover i {     display: none; } .gotop li a:hover em {     display: block;     font-style: normal; }

标签：用css怎么写 css可以单独使用吗 css一般可以放在几个地方 css 1em css代码只能写在.css文件中 

更新日期：2025-03-09 00:35:52  来源：网络 

下一篇：请问一段简单实用的Pbootcms页码显示样式代码

上一篇：请问一个asp网站的mdb数据库修改，如何在Access数据库中安全地修改ASP网站的数据