京东左侧菜单 

<!DOCTYPE html>
<html lang="zh">
<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 type="text/css">
        *{
            padding: 0;
            margin: 0;
        }
        
        body{
            background-color: #bfa;
        }
        
        .nav{
            width: 190px;
            height:470px;
            background-color: #FFF;
            margin: 50px auto;
            list-style: none;
            padding: 10px 0;
        }
        
        .nav li{
            height: 25px;
            padding-left: 18px;
        }
        
        .nav li:hover{
            background-color: #d9d9d9;
        }
        
        .nav li a{
            text-decoration: none;
            font-size: 14px;
            color: #333;
        }
        
        .nav li a:hover{
            color: #E63F32;
        }
    </style>
</head>
<body>
        <ul class="nav">
            <li><a href="#">家用电器</a></li>
            <li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
            <li><a href="#">电脑</a>/<a href="#">办公</a></li>
            <li><a href="#">家居</a>/<a href="#">家具</a>/<a href="#">家装</a>/<a href="#">厨具</a></li>
            <li><a href="#">男装</a>/<a href="#">女装</a>/<a href="#">童装</a>/<a href="#">内衣</a></li>
            <li><a href="#">美妆</a>/<a href="#">个护清洁</a>/<a href="#">宠物</a></li>
            <li><a href="#">女鞋</a>/<a href="#">箱包</a>/<a href="#">钟表</a>/<a href="#">珠宝</a></li>
            <li><a href="#">男鞋</a>/<a href="#">运动</a>/<a href="#">户外</a></li>
            <li><a href="#">房产</a>/<a href="#">汽车</a>/<a href="#">汽车用品</a></li>
            <li><a href="#">母婴</a>/<a href="#">玩具乐器</a></li>
            <li><a href="#">食品</a>/<a href="#">酒类</a>/<a href="#">生鲜</a>/<a href="#">特产</a></li>
            <li><a href="#">艺术</a>/<a href="#">礼品鲜花</a>/<a href="#">农资绿植</a></li>
            <li><a href="#">医药保健</a>/<a href="#">计生情趣</a></li>
            <li><a href="#">图书</a>/<a href="#">文娱</a>/<a href="#">电子书</a></li>
            <li><a href="#">机票</a>/<a href="#">酒店</a>/<a href="#">旅游</a>/<a href="#">生活</a></li>
            <li><a href="#">理财</a>/<a href="#">众筹</a>/<a href="#">白条</a>/<a href="#">保险</a></li>
            <li><a href="#">安装</a>/<a href="#">维修</a>/<a href="#">清洗</a>/<a href="#">二手</a></li>
            <li><a href="#">工业品</a></li>
        </ul>
</body>
</html>

 

posted @ 2022-05-19 14:57  氯丙嗪  阅读(26)  评论(0)  编辑  收藏  举报