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>

    效果:

  • 相关阅读:
    【weka应用技术与实践】过滤器
    【软件分析与挖掘】Vision of Software Clone Management: Past, Present, and Future (Keynote Paper)
    【软件分析与挖掘】Multiple kernel ensemble learning for software defect prediction
    【Thinking in Java-CHAPTER 3】操作符
    【软件分析与挖掘】A Comparative Study of Supervised Learning Algorithms for Re-opened Bug Prediction
    【Thinking in Java-CHAPTER 1&&2】对象导论&&一切都是对象
    【cs229-Lecture20】策略搜索
    【cs229-Lecture19】微分动态规划
    【cs229-Lecture18】线性二次型调节控制
    【cs229-Lecture17】离散与维数灾难
  • 原文地址:https://www.cnblogs.com/HGNET/p/14096074.html
Copyright © 2011-2022 走看看