CSS二级圆角菜单
<!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>
<title>CSS二级圆角菜单_网页代码站(www.webdm.cn)</title>
<style type="text/css">
#menu{ margin:0; padding:0; list-style:none; font:14px Arial; }
#menu li{ float:left;margin:0 1px 0 0;}
#menu li dl{width:150px; padding:0 0 10px 0;
background:#cb6 url(http://www.webdm.cn/images/20090910/bottom3.jpg) no-repeat bottom left;}
#menu li dt{padding:5px;text-align:center;border-bottom:1px solid #b00;
background:#ed8 url(http://www.webdm.cn/images/20090910/top3.jpg) no-repeat top left;}
#menu li dt a,#menu li dt a:visited{display:block;color:#333;text-decoration:none;}
#menu li dd{margin:0;padding:0;color:#fff;background-color:#47a;}
#menu li dd.last{border-bottom:1px solid #b00;}
#menu li dd a,#menu li dd a:visited{height:1em;display:block;color:#fff;
text-decoration:none;padding:4px 5px 4px 20px;
background:#47a url(http://www.webdm.cn/images/20090910/mid3.gif) no-repeat 7px 7px;}
#menu li dd{display:none;}
#menu li:hover dd,#menu li a:hover dd{display:block;}
#menu li:hover,#menu li a:hover{width:auto}
#menu li dd a:hover{ background-color:#147; color:#9cf;}
#menu table{ border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
</style>
</head>
<body>
<ul id="menu">
<li> <a href="#">
<table>
<tr>
<td><dl>
<dt><a href="http://www.webdm.cn">网页代码站</a></dt>
<dd><a href="#">Web Dev</a></dd>
<dd class="last"><a href="#">Contact Us</a></dd>
</dl></td>
</tr>
</table>
</a> </li>
<li> <a href="#nogo">
<table>
<tr>
<td><dl>
<dt><a href="#">精品源码</a></dt>
<dd class="last"><a href="#">Service</a></dd>
</dl></td>
</tr>
</table>
</a> </li>
<li> <a href="#nogo">
<table>
<tr>
<td><dl>
<dt><a href="http://www.webdm.cn">网页特效</a></dt>
<dd><a href="#">Landscape</a></dd>
<dd class="last"><a href="#">Maps</a></dd>
</dl></td>
</tr>
</table>
</a> </li>
<li> <a href="#nogo">
<table>
<tr>
<td><dl>
<dt><a href="#">留言板</a></dt>
<dd><a href="#">Physics</a></dd>
<dd><a href="#">Maths</a></dd>
</dl></td>
</tr>
</table>
</a> </li>
</ul>
</body>
</html>
<br>
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!</p>
代码来自:http://www.webdm.cn/webcode/ae6386b1-3682-4744-961e-48f604986a2f.html