当前位置：网站首页>京东快速导航框

京东快速导航框

2022-07-19 05:21:00 【陌 年】

<!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>秒杀</strong></a></li>

        <li><a class="a2"  href="#"><strong>优惠券</strong></a></li>

        <li><a href="#">PLUS会员</a></li>

        <li><a href="#">品牌闪购</a></li>

        <li><a href="#">拍卖</a></li>

        <li><a href="#">京东家电</a></li>

        <li><a href="#">京东超市</a></li>

        <li><a href="#">京东生鲜</a></li>

        <li><a href="#">京东国际</a></li>

        <li><a href="#">京东云</a></li>

    </ul>

</body>

</html>

原网站

版权声明
本文为[陌 年]所创，转载请带上原文链接，感谢
https://blog.csdn.net/csc2856891204/article/details/125509686

边栏推荐

猜你喜欢

随机推荐