<!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>xlcd</title>
<style type="text/css">
body{ padding:0; font-size:10pt;}
.topmenu{ display:block; width:220px; border:2px solid #e4393c; margin:0; padding:0;}
.topmenu li{ height:30px; line-height:30px; font-size:11pt; list-style-type:none; text-align:left; padding-left:8px; z-index:3; background-image:url(images/S%25ELG%25CRJPVJRTRT%7B2EI0R9.jpg); background-repeat:no-repeat; background-position:right;}
.topmenu li a{ text-decoration:none; color:#666;}
.topmenu li a:hover{ text-decoration:underline; font-weight:bold; color:#e4393c;}
.topmenu li:hover{ border:1px solid #ddd; border-right:0; box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; -webkit-box-shadow:0 0 8px #ddd; background-image:none;}
.toptitle{ height:40px; line-height:40px; text-align:left; font-size:11pt; font-weight:bold; color:white; background:#e4393c; padding-left:20px;}
.submenu{ display:none; width:715px; left:220px; position:absolute; top:40px; border:1px solid #ddd; z-index:4; background:white; box-shadow:0 0 8px #DDD; -moz-box-shadow:0 0 8px #DDD; -webkit-box-shadow:0 0 8px #DDD;}
.leftdiv{ background:gray; float:left; width:490px; margin:5px;}
.rightdiv{ background:blue; float:left; width:200px; margin:5px;}
.topmenu li:hover.submenu{ display:block;}
</style>
</head>
<body>
<ul class="topmenu">
<div class="toptitle">
全部商品分类
</div>
<li><a href="#">图上、音像</a>
<div class="submenu">
<div class="leftdiv">
左侧二级分类<br />
左侧二级分类<br />
左侧二级分类<br />
</div>
<div class="rightdiv">
右侧炫富品牌<br />
</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>
</ul>
</body>
</html>
到底哪里有错 老师？？？
澔哥
2014-09-04
1 回答
举报
0/150
提交
取消
