html css制作家用商品分类页面

Document *{margin:0;padding: 0;box-sizing:border-box;} a{color:#666;text-decoration: none;} .menu{width:220px;} .menu h2{width:100%;height: 36px;line-height: 36px;font-size:18px;padding-left: 10px;background: #0F7CBF;} .menu h2 a{color:#fff;} .menu .item h3{height: 30px;line-height:30px;padding-left:15px;background: #E4F1FA;} .menu .item h3 a{color:#0F7CBF;font-size: 14px;} .menu .item p{padding: 15px;line-height: 18px;} .menu .item p a{font-size: 12px;}

家用电器

大家电

平板电视 洗衣机 冰箱 空调 烟机/灶具 热水器 冷柜/酒柜 消毒柜 家庭影院

大家电

平板电视 洗衣机 冰箱 空调 烟机/灶具 热水器 冷柜/酒柜 消毒柜 家庭影院

大家电

平板电视 洗衣机 冰箱 空调 烟机/灶具 热水器 冷柜/酒柜 消毒柜 家庭影院

大家电

平板电视 洗衣机 冰箱 空调 烟机/灶具 热水器 冷柜/酒柜 消毒柜 家庭影院

兼容IE8+

下面是代码直接放到body里面运行就可以了，其他字体和宽度你自己改一下就是了*{ margin:0px; padding:0px}dl,dd,dt{ margin:0px;}a{ text-decoration:none; font-size:12px;}.menu{ width:220px;}.menu h3{ background:#0F7CBF; line-height:35px; padding-left:20px; color:#fff;}.menu dt{ color:#1671CC; line-height:25px; padding-left:25px; background:#E4F1FA; font-size:14px; font-weight:bold;}.menu dd{ padding:10px;}.menu dd a{ color:#666666; padding:0 5px;}