列表样式（重要）
列表
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <link rel="stylesheet" href="1.css" type="text/css"/> 7 </head> 8 <body> 9 <h2 class="title">全部商品分类</h2> 10 <ul> 11 <li><a href="#">图书</a> <a href="#">音像</a> <a href="#">数字商品</a></li> 12 <li><a href="#">家用电器</a> <a href="#">手机</a> <a href="#">数码</a></li> 13 <li><a href="#">电脑</a> <a href="#">办公</a></li> 14 <li><a href="#">家居</a> <a href="#">家装</a> <a href="#">厨具</a></li> 15 <li><a href="#">服饰鞋帽</a> <a href="#">个护化妆</a></li> 16 <li><a href="#">礼品箱包</a> <a href="#">钟表</a> <a href="#">珠宝</a></li> 17 <li><a href="#">食品饮料</a> <a href="#">保健食品</a></li> 18 <li><a href="#">彩票</a> <a href="#">旅行</a> <a href="#">充值</a> <a href="#">票务</a></li> 19 </ul> 20 21 </body> 22 </html>
1 .title{ 2 font-size: 18px; 3 font-weight: bold; 4 text-indent: 1em; 5 line-height: 30px; 6 background: red; 7 8 } 9 /*ul li 10 list-style 11 none 去掉圆点 12 circle 空心圆 13 decimal 有序数字 14 square 15 */ 16 ul{ 17 background: #3cbda6; 18 } 19 ul li{ 20 height: 30px; 21 list-style: none; 22 text-indent: 1em; 23 24 } 25 a{ 26 text-decoration: none; 27 font-size: 14px; 28 color: black; 29 } 30 a:hover{ 31 color: green; 32 text-decoration: underline; 33 }
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本