返回顶部和尾部

香香

CSS添加

1. /\* 返回顶部底部 \*/ #gotop { width:40px; height:auto; z-index:1021; position:fixed; bottom:8%; left:50%; margin-left:638px; margin-bottom:0px; border:0px; background-color:transparent } #gotop a#goToBottom { border-radius:5px 5px 0 0; } #gotop a#goTopBtn { border-radius:0 0 5px 5px; border-bottom:0px; } #gotop a { color:#a5a7a8; border:0px; border-bottom:1px solid #f0f3f9; font-size:20px; background:#fff; display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; } #gotop a:hover { color:#fff; background-color:#1979ff; text-decoration:none; border:0px; } @media(max-width:768px),@media(max-width:576px) { #gotop { left:auto; right:-3px; } #gotop a#goTopBtn { border-radius:5px!important; background:rgba(191, 191, 191, 0.5); color:#ffffff; width:80%; height:30px; line-height:30px; } #gotop a#goTopBtn:link { text-decoration:none; } #gotop a#goToBottom { border-radius:5px!important; background:rgba(191, 191, 191, 0.5); color:#ffffff; width:80%; height:30px; line-height:30px; } #gotop a#goToBottom:link { text-decoration:none; margin-bottom: 5px; } }

复制代码

山鸡

学习一下，返回顶部和尾部