/* 设置菜单项的dd */
#menu li dd {margin:0padding:0color: #fff
} 2、为了使最后一个dd的下端有一条分割线，我们设置它为1px的红色下边框，这就使之与上边框的红色分割线想对应了，也告诉浏览者这是一块可以点击的区域。
#menu li dd.last {
border-bottom:1px solid #b00
} 上面的代码也新增了一个last的类，因此我们必须在对应的HTML代码中最后一个dd指定class="last"。
CSS高级教程 3、设置子菜单的链接的样式
#menu li dd a, #menu li dd a:visited {
display:block
color:#FFF
text-decoration:none
padding:5px 20px
background: #0000FF}此时，我们在浏览器就可以看到下拉菜单的样式已经可以显示了。 二、设置鼠标经过时的响应
最后一条规则，让鼠标滑过有下拉项的时候，显示下拉菜单。当然我们实际设置的是：如果某一个下拉菜单的父级元素（一级菜单项）被鼠标滑过，那么就让该下拉菜单可以被看见：
#menu li dd { visibility: visible}
background: #0000FF}最后我们就可以运行整个文件实现效果了，建站教程网建议大家一起跟着步骤一步一步的做哦。
如果喜欢这些效果的话可以去下JS脚本，很多效果都是通过JS实现的，我经常逛的是http://js.itobe.cn/这个网站，有很多好用的脚本。如果不想花心思研究太多JS的话，下脚本是个不错的选择圆角DIV的话我可以给你看看我的代码
div { border:1px solid #ccc margin:2em auto 1em max-width:650px min-width:544px -moz-border-radius:20px -webkit-border-radius:20pxheight:300px border-radius:20px}
渐变效果我不是很清楚，不过如果要做到鼠标放到上面变色的话，设置好a:link a:visited a:hover和
a:active前两个背景颜色为蓝色后两个设置成白色就行。
可以自己研究一下
手打有点累啊= =给采纳吧，别破了我的100%采纳
他这个不是很简洁，一般导航用纯css就可以实现：联系我们下拉列表 {display：none}
联系我们：hover 下啦列表{display：block}
ps：ie6不支持：因为ie6下《a》标签才有：hover
