当前位置：网站首页>JD quick navigation box

JD quick navigation box

2022-07-25 22:35:00 【Mo Nian】

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        *{

            margin: 0;

            padding: 0;

        }

        li{

            list-style: none;

        }

        a{

            text-decoration: none;

            color: black;

        }

        .a1{

            color: red

        }

        .a2{

            color: red;

        }

        ul{

            width: 1200px;

            height: 50px;

            margin: 50px auto;

        }

        ul>li{

            float: left;

            height: 50px;

            line-height: 50px;

            width: 120px;

            text-align: center;

        }

        ul>li:hover>a{

            color: red;

        }

    </style>

</head>

<body>

    <ul>

        <li><a class="a1"  href="#"><strong> seckill </strong></a></li>

        <li><a class="a2"  href="#"><strong> Coupon </strong></a></li>

        <li><a href="#">PLUS members </a></li>

        <li><a href="#"> Brand flash purchase </a></li>

        <li><a href="#"> The auction </a></li>

        <li><a href="#"> Jingdong home appliances </a></li>

        <li><a href="#"> Jingdong supermarket </a></li>

        <li><a href="#"> Jingdong fresh </a></li>

        <li><a href="#"> Jingdong International </a></li>

        <li><a href="#"> Jingdong cloud </a></li>

    </ul>

</body>

</html>

原网站

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

边栏推荐

猜你喜欢

随机推荐