課程
/前端開發(fā)
/HTML/CSS
/CSS Sprite雪碧圖應(yīng)用
最后一個(gè)底部邊框如何去掉?
2014-08-15
源自:CSS Sprite雪碧圖應(yīng)用 3-2
正在回答
li:last-child{border-bottom:none;}
謝謝 實(shí)現(xiàn)了
<html> <head> <!--準(zhǔn)備一個(gè)空白的HTML頁(yè)面,同時(shí)完成css reset樣式 --> <meat http-equiv="Content-type" content="text/html;charset=utf-8"/> <title>列表</title> <!--補(bǔ)充完整的樣式--> <style> *{padding:0;margin:0;} .box{width:150px; border:1px solid #ccc;margin:10px auto;} li{list-style:none;height:35px;line-height:35px;text-align:center;border-bottom:1px solid #ccc;margin:0 10px;} li h3{font-size:12px;font-family:"微軟雅黑";font-weight:normal;} </style> </head> <body> <!--添加列表的結(jié)構(gòu)--> <div class="box"> <ul> <li><h3>服裝內(nèi)衣</h3></li> <li><h3>鞋包服飾</h3></li> <li><h3>運(yùn)動(dòng)戶外</h3></li> <li><h3>珠寶手表</h3></li> <li><h3>手機(jī)數(shù)碼</h3></li> <li><h3>家電辦公</h3></li> <li><h3>護(hù)膚彩妝</h3></li> <li style="border-bottom:none"><h3>母嬰用品</h3></li> </ul> </div> </body> </html>
這樣單獨(dú)給li一個(gè)樣式也是可以的
試試這樣寫
舉報(bào)
必學(xué)的大型網(wǎng)站實(shí)用技術(shù),讓你快速掌握CSS Sprite雪碧圖技術(shù)
2 回答
1 回答
10 回答
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-08-16
li:last-child{border-bottom:none;}
2015-06-06
謝謝 實(shí)現(xiàn)了
2014-08-15
這樣單獨(dú)給li一個(gè)樣式也是可以的
2014-08-15
試試這樣寫