<!doctype html><html><head><meta http-equiv="Content-Type"content="text/html; charset=utf-8"><title>雪碧圖</title><style type="text/css">*{margin:0;padding:0;}.cat{width:150px;bakground:#f8f8f8;border:1px solid #bbb;}ul{list-style:none;}li{display:block;height:31px;line-height:31px;overflow:hidden;border-bottom: 1px solid #dedede;}li h3{font-size:14px;display:block;font-weight:400;}li i{display:inline;float:left;margin:3px 10px 0 0;height:24px;width:30px;background:url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg);}.cat-1 i{ background-position:0 0;}.cat-2 i{ background-position:0 -24px;}.cat-3 i{ background-position:0 -48px;}.cat-4 i{ background-position:0 -72px;}.cat-5 i{ background-position:0 -96px;}.cat-6 i{ background-position:0 -120px;}.cat-7 i{ background-position:0 -144px;}.cat-8 i{ background-position:0 -168px;}</style></head><body><div class="cat"> <ul>? ? <li>? ? ? ? <i class="cat-1"></i>? ? ? ? ? ? <h3>服裝內(nèi)衣</h3>? ? ? ? </li>? ? ? ? <li>? ? ? ? <i class="cat-2"></i>? ? ? ? ? ? <h3>鞋包配飾</h3>? ? ? ? </li>? ? ? ? <li>? ? ? ? <i class="cat-3"></i>? ? ? ? ? ? <h3>運(yùn)動戶外</h3>? ? ? ? </li>? ? ? ??? ? ? ? <li>? ? ? ? <i class="cat-4"></i>? ? ? ? ? ? <h3>珠寶手表</h3>? ? ? ? </li>? ? ? ? <li>? ? ? ? <i class="cat-5"></i>? ? ? ? ? ? <h3>手機(jī)數(shù)碼</h3>? ? ? ? </li>? ? ? ? <li>? ? ? ? <i class="cat-6"></i>? ? ? ? ? ? <h3>家電辦公</h3>? ? ? ? </li>? ? ? ? <li>? ? ? ? <i class="cat-7"></i>? ? ? ? ? ? <h3>護(hù)膚彩妝</h3>? ? ? ? </li>? ? ? ? <li>? ? ? ? <i class="cat-8"></i>? ? ? ? ? ? <h3>母嬰用品</h3>? ? ? ? </li>? ? </ul></div></body></html>
添加回答
舉報
0/150
提交
取消