导航栏小练习

最新推荐文章于 2024-07-29 13:58:45 发布

清温

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量48

点赞数 1

文章标签： servlet javascript 前端

本文链接：https://blog.csdn.net/m0_67554048/article/details/127270106

版权

学习代码：


<!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>侧边栏</title>
    <style>
        div{
            height: 460px;
            background-color:snow;
            width: 190px;
        }
        a{
            text-decoration: none;
            color: black;
        }
        p{
            font-size: 15px;
            height: 25px;
            margin: 0px;
        }
        p:hover{
            background-color:rgb(92, 118, 173)
        }
        a:hover{
            color:rgb(197, 153, 162);
        }
        
    </style>
    
</head>
<body>
    <div>
        <p><a href="">家用电器</a></p>
        <p><a href="">手机</a> / <a href="">运营商</a> / <a href="">数码</a></p>
        <p><a href="">电脑</a> / <a href="">办公</a></p>
        <p><a href="">家居</a> / <a href="">家具</a> / <a href="">家装</a> / <a href="">厨具</a></p>
        <p><a href="">男装</a> / <a href="">女装</a> / <a href="">童装</a> / <a href="">内衣</a></p>
        <p><a href="">美妆</a> / <a href="">个护清洁</a>/<a href="">宠物</a></p>
        <p><a href="">女鞋</a> / <a href="">箱包</a> / <a href="">钟表</a> / <a href="">珠宝</a></p>
        <p><a href="">男鞋</a> / <a href="">运动</a> / <a href="">户外</a></p>
        <p><a href="">房产</a> / <a href="">汽车</a> / <a href="">汽车用品</a></p>
        <p><a href="">母婴</a> / <a href="">玩具乐器</a></p>
        <p><a href="">食品</a> / <a href="">酒类</a> / <a href="">生鲜</a> / <a href="">特产</a></p>
        <p><a href="">艺术</a> / <a href="">礼品鲜花</a> / <a href="">农资绿植</a></p>
        <p><a href="">医药保健</a> / <a href="">计生情趣</a></p>
        <p><a href="">图书</a> / <a href="">文娱</a> / <a href="">教育</a> / <a href="">电子书</a></p>
        <p><a href="">机票</a> / <a href="">酒店</a> / <a href="">旅游</a> / <a href="">生活</a></p>
        <p><a href="">理财</a> / <a href="">众筹</a> / <a href="">白条</a> / <a href="">保险</a></p>
        <p><a href="">安装</a> / <a href="">维修</a> / <a href="">清洗</a> / <a href="">二手</a></p>
        <p><a href="">工业品</a></p>  
      </div>
</body>
</html>