zoukankan      html  css  js  c++  java
  • 【HTML】一个简单的返回顶部

    直接给出代码:

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>返回顶部</title>
        <style>
            
    .btns{
        font-weight: bold;
        display: inline-block;
        width: 60px;
        height: 27px;
        border: #000000;
        background: #1890ff;
        font-size: 0.5em;
        text-align: center;
        padding-top: 5px;
        color: rgb(255, 255, 255);
        border-radius: 8px;
        font-weight:bold
        }
    a:hover{
        color:#000000
    }
    
         
        </style>
    </head>
    
    <body>
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
    
        <div style="overflow: hidden;position: fixed;left: 10px;bottom: 20px;z-index: 10;">
            <div style="overflow: hidden;">
                <div style="padding-right:50px;">
                    <a href="/" class="btns" style=" text-decoration: none;">未添加</a>
                </div>
                <div style="padding-top:20px;padding-lift:50px;">
                    <a href="/" class="btns" style=" text-decoration: none;">未添加</a>
                </div>
                <div style="padding-top:20px;padding-right:50px;padding-bottom:50px">
                    <a href="#" style="float: left;" class="btns" style=" text-decoration: none;">TOP</a>
                </div>
            </div>
    
    </body>
    
    </html>

    效果:

  • 相关阅读:
    [UE4]RPC,远程调用
    [UE4]先报告后广播模式
    [UE4]复制引起的重复对象
    [UE4]封装蓝图函数Print String
    [UE4]碰撞的随机性
    [UE4]Authority,网络控制权
    [UE4]Replications,复制
    [UE4]最简单的虚幻4网络游戏,使用虚幻4内置服务器
    [UE4]Format Text
    [UE4]虚幻4链接独立服务器
  • 原文地址:https://www.cnblogs.com/HGNET/p/14096074.html
Copyright © 2011-2022 走看看