当前位置：网站首页>Xiaobai programmer's sixth day

Xiaobai programmer's sixth day

2022-07-25 22:20:00 【Too difficult L】

JD right navigation bar

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport"

          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <style>

        * {

            margin: 0;

            padding: 0;

        }

        ul {

            list-style: none;

            position: fixed;

            top: 100px;

            right: 0px;

        }

        li {

            width: 38px;

            height: 38px;

            line-height: 19px;

            font-size: 14px;

            padding: 10px;

            text-align: center;

            border: 0px solid #333;

            font-weight: bold;

            transition: color .2s ease;

        }

        li:hover{

            background: #e1251b;

        }

        li>a{

            text-decoration: none;

            color: #333;

        }

        li:hover a{

            color: white;

        }

        div{

            height: 600px;

            border: 1px solid #ccc;

        }

    </style>

</head>

<body>

<ul>l

    <li><a href="#miaosha"> Jingdong seckill </a></li>

    <li><a href="#tese"> Features </a></li>

    <li><a href="#guangchang"> Channel square </a></li>

    <li><a href="#tuijian"> Recommended for you </a></li>

    <li><a href="#kefu"> Customer service </a></li>

    <li><a href="#fankui"> feedback </a></li>

</ul>

</body>

</html>

 

原网站

版权声明
本文为[Too difficult L]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/201/202207190520526201.html

边栏推荐

猜你喜欢

随机推荐