<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>京東分類導(dǎo)航css</title><style>body{ padding:0; font-size:10pt; }.topmenu{ display:block; width:220px; border:2px solid #e4393c; margin:0; padding:0; background-color:#c81623; }#toptittle{ height:40px; line-height:40px; text-align:left; padding-left:20px; font-size:11pt; font-weight:bold; color:White; background:#e4393c; }.topmenu li{ height:30px; line-height:30px; font-size:11pt; list-style-type:none; text-align:left; z-index:3; text-indent:20px; background-image:url(dirction.png); background-repeat:no-repeat; background-position:right; }.topmenu li:hover{ background-image:none; background:white; padding-left:1px; } .topmenu li:hover a{ color:#F00; }.topmenu li a{ text-decoration:none; color:#FFF; } .submenu{ display:none; width:715px; left:220px; position:absolute; top:40px; border:1px solid #ddd; z-index:4; background:white; } .leftdiv{ background:white; float:left; width:490px; margin:5px; } .rightdiv{ background:blue; float:right; width:200px; margin:5px; } .topmenu li:hover .submenu{ display:block; } .topmenu li:hover span{ z-index:20; width:10px; height:30px; display:inline-block; float:right; background:white; position:relative; } .leftdiv dl{ display:inline-block; overflow:hidden; padding-bottom:6px; border-bottom:1px solid #CCC; } .leftdiv dl dt{ display:inline-block; float:left; width:70px; height:22px; line-height:22px; padding-right:15px; text-align:right; } .leftdiv dl dt a{ color:#666; font-weight:bold; text-decoration:underline; font-size:10pt; } .leftdiv dl dd{ display:block; overflow:hidden; } .leftdiv dl dd a{ font-size:9px; color:gray; border-left:1px solid #999; hight:14px; line-height:14px; display:block; float:left; margin:4px 0; padding-right:20px; }</style></head><body><div id="tittle"><ul class="topmenu"><div id="toptittle">全部商品分類</div><li><a href="#">圖像、印象、數(shù)字商品</a><span></span><div class="submenu"><div class="leftdiv"><dl><dt><a href="#">電子書</a></dt>? ? <dd>? ? ? ? <a href="#">免費</a> <a href="#">小說</a> <a href="#">勵志與成功</a>?? ? ? ? <a href="#">文學(xué)</a> <a href="#">經(jīng)管</a> <a href="#">暢讀VIP</a>? ? </dd></dl></div><div class="rightdiv">右側(cè)推薦品牌</div></div></li><li><a href="#">家用電器</a></li><li><a href="#">手機、數(shù)碼</a></li><li><a href="#">電腦、辦公</a></li><li><a href="#">家居、家具、家裝、廚具</a></li><li><a href="#">服飾內(nèi)衣、珠寶首飾</a></li><li><a href="#">個護化妝</a></li><li><a href="#">鞋靴、箱包、鐘表、奢侈品</a></li><li><a href="#">戶外運動</a></li><li><a href="#">汽車用品</a></li><li><a href="#">母嬰、玩具樂器</a></li><li><a href="#">食品飲料、酒類、生鮮</a></li><li><a href="#">營養(yǎng)保健</a></li></ul></div></body></html>我明明設(shè)置的是灰色，但是為什么一定給設(shè)置了紅色呢？
- 1 回答
- 0 關(guān)注
- 3228 瀏覽
添加回答
舉報
0/150
提交
取消