HTML侧边栏

最新推荐文章于 2024-10-05 17:26:05 发布

weike0804

最新推荐文章于 2024-10-05 17:26:05 发布

阅读量355

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_47460937/article/details/107779003

版权

<!DOCTYPE html> <html lang="en"> <head>
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>Document</title>
       <style>
         body{
             background-color: chartreuse;
         }
         div{
             /* height: 220px; */
             width:200px;
             padding: 0px;
             border:1px solid  #ffffff;
             margin: auto;
             background-color: #fff;
         }
         span{
             margin: 0 auto;
         }
         span:hover{
             color: red;
         }
         span:active{
             color:black;
         }
         span{
             color: blue;
             margin: 5px;
         }
         .list div:hover {
           background-color: pink;
         }
       </style> </head> <body>
       <div class="list">
           <div><span>家用电器</span></div>
           <div><span>手机/</span><span>运营商/</span><span>数码</span><br></div>
           <div><span>电脑/</span><span>办公</span><br></div>
           <div><span>家居/</span><span>家具/</span><span>家装/</span><span>厨具</span><br></div>
           <div><span>男装/</span><span>女装/</span><span>童装/</span><span>内衣</span><br></div>
           <div><span>美妆/</span><span>个护清洁/</span><span>宠物/</span><br></div>
           <div><span>女鞋/</span><span>箱包/</span><span>钟表/</span><span>珠宝</span><br></div>
           <div><span>男鞋/</span><span>运动/</span><span>户外</span><br></div>
           <div><span>房产/</span><span>汽车/</span><span>汽车用品</span><br></div>
           <div><span>母婴/</span><span>玩具器乐</span></div>
       </div> </body> </html>