<!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>京东分类导航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="#">图像、印象、数字商品</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="#">文学</a> <a href="#">经管</a> <a href="#">畅读VIP</a> </dd></dl></div><div class="rightdiv">右侧推荐品牌</div></div></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="#">鞋靴、箱包、钟表、奢侈品</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></ul></div></body></html>我明明设置的是灰色，但是为什么一定给设置了红色呢？
添加回答
举报
0/150
提交
取消