<!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
提交
取消
2014-09-12
li:hover 沒有寫完整吧，認真聽講哦