锚点

锚点作用：页面不同区域的跳转，使用a链接(a链接还可以实现本页面内的跳转）

<a  href="#锚点名字“></a>

<div id="锚点名字”></div>

 <style>
        *{margin: 0;
         padding: 0;
        }
        ul{list-style: none;
            position: fixed;
            right: 0;
            top: 100px;
        }
        li{
            width: 100px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            border: 1px solid black;
        }
        div{height:2000px;
            border:1px solid #ccc
        }
    </style>
</head>
<body>
    <ul>
        <li>
            <a href="#a">京东秒杀</a>
        </li>
        <li>
            <a href="#b">双11</a>
        </li>
        <li>
            <a href="#c">频道优选</a>
        </li>
    </ul>
    <div id="a">京东秒杀</div>
    <div id="b">双11</div>
    <div id="c">频道优选</div>
</body>

 

posted @ 2023-10-13 17:22  故塔拉黑暗之神  阅读(29)  评论(0)  编辑  收藏  举报