<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>商品分类列表页</title> <style> ul,li{padding: 0px;margin: 0px;} div{ border: 2px solid orange; border-radius: 8px; width: 200px; box-sizing: border-box; } li{ list-style-type: none; font-size: 15px; font-weight: bold; padding: 15px 50px; border-bottom: 1px gray dotted; } li:nth-of-type(1){ background: url("aa.jpg")0px 3px no-repeat; } li:nth-of-type(2){ background: url("aa.jpg")0px 1px no-repeat; } li:nth-of-type(3){ background: url("aa.jpg")no-repeat; } li:nth-of-type(4){ background: url("aa.jpg")0px 2px no-repeat; } li:nth-of-type(5){ background: url("aa.jpg")0px 2px no-repeat; } li:nth-of-type(6){ background: url("aa.jpg")no-repeat; } li:nth-of-type(7){ background: url("aa.jpg")0px 1px no-repeat; } li:nth-of-type(8){ background: url("aa.jpg")0px 3px no-repeat; } li:nth-of-type(9){ background: url("aa.jpg")0px 3px no-repeat; } li:nth-of-type(10){ background: url("aa.jpg")0px 2px no-repeat; border-bottom:none; } </style> </head> <body> <div> <ul> <li>酒水、饮料</li> <li>进口食品</li> <li>休闲零食</li> <li>地方特产</li> <li>保健、冲调</li> <li>粮油、生鲜</li> <li>美容洗护</li> <li>清洁洗涤</li> <li>母婴、纸品</li> <li>家居百货</li> </ul> </div> </body> </html>
第六章2
最新推荐文章于 2022-08-03 22:04:32 发布