UC知道纯CSS下拉式菜单遇到问题!!!
来源：百度知道 编辑：UC知道 时间：2024/05/18 02:35:48
问题代码如下:
<html>
<head>
<style type="text/css">
a:link,a:visited,a:hover,a:active {
text-decoration:none;
}
#box {
font-family: verdana, sans-serif;
color:#000;
background:#dfc184;
font-size:0.85em;
width:120px;
height:auto;
padding:10px 0px 10px 15px;
border-bottom:2px solid #FFF;
}
#box:hover {
color:#fff;
background:#bd8d5e;
}
#box ul {
display:none;
list-style-type:none;
}
#box:hover ul {
display:block;
position:absolute;
font-family: verdana, sans-serif;
font-size:0.85em;
top:53px;
left:-30px;
list
<html>
<head>
<style type="text/css">
a:link,a:visited,a:hover,a:active {
text-decoration:none;
}
#box {
font-family: verdana, sans-serif;
color:#000;
background:#dfc184;
font-size:0.85em;
width:120px;
height:auto;
padding:10px 0px 10px 15px;
border-bottom:2px solid #FFF;
}
#box:hover {
color:#fff;
background:#bd8d5e;
}
#box ul {
display:none;
list-style-type:none;
}
#box:hover ul {
display:block;
position:absolute;
font-family: verdana, sans-serif;
font-size:0.85em;
top:53px;
left:-30px;
list
http://www.div-css.com/html/XHTML-CSS/menu/4648956343.html
参考一下这里吧。
……》如果您是不想要bottom1到bottom7的列表，请删除下面的内容：
<ul>
<li><a href="#">Bottom 1</a></li>
<li><a href="#">Bottom 2</a></li>
<li><a href="#">Bottom 3</a></li>
<li><a href="#">Bottom 4</a></li>
<li><a href="#">Bottom 5</a></li>
<li><a href="#">Bottom 6</a></li>
<li><a href="#">Bottom 7</a></li>
</ul>
……》如果您不想让整个bottom1到bottom7列表也成为超级链接，请修改为：
<a href="#" id="box">BOTTOM</a>
<ul>
<li><a href="#">Bottom 1</a></li