昨天在Dreamweaver中创建了一个二级菜单,由于是刚刚开始学,怎么改都运行不了,求高手解答
下面是代码:<styletype="text/css">#muneul{list-style:none;margin:0px;padding:0px;}body{font...
下面是代码:
<style type="text/css">
#mune ul {list-style: none;margin: 0px;padding: 0px;}
body {font-size: 12px;line-height: 1.5px;font-family: "楷体";}
#mune ul li ui {display: none;border:1px solid #ccc;border-bottom:none;position: absolute;width: 100px;left: 100px;top: 0px;}
#mune ul li:hover ul {display: block;}
#mune {width: 100px;border-top: 1px solid #FFFFCC;border-right: 1px solid #FFFFCC;border-bottom: 1px none #FFFFCC;border-left: 1px solid #FFFFCC;}
a {color: #000000;text-decoration: none;}
#menu ul li.current ul { display:block;}
#menu ul li:hover ul { display:block;}
#mune ul li {
line-height: 26px;
background: #CCCCCC;
height: 24px;
padding: 0px 5px;
position: relative;
border-bottom: 1px solid #990033;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-color: #990033;
border-right-color: #990033;
border-left-color: #990033;
}
</style>
</head>
<body>
<div id="mune">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">网页版式布局</a></li>
<li><a href="#">div+css 教程</a>
<ul>
<li><a href="#">稳藏菜单1</a></li>
<li><a href="#">稳藏菜单2</a></li>
</ul>
</li>
<li><a href="#">div+css 实例</a>
<ul><li><a href="#">稳藏菜单3</a></li>
<li><a href="#">稳藏菜单4</a></li>
</ul>
</li>
<li><a href="#">常用代码</a>
<ul><li><a href="#">稳藏菜单5</a></li>
<li><a href="#">稳藏菜单6</a></li>
</ul>
</li>
<li><a href="#">站长杂谈</a></li>
<li><a href="#">技术文档</a></li>
<li><a href="#">资源下载</a></li>
<li><a href="#">图片素材</a></li>
</ul>
</div>
</div>
</body>
</html>
速度找个人来回答一下, 我自己已经搞好了,原来是#mune ul li ui这里打错了,唉~~~ 展开
<style type="text/css">
#mune ul {list-style: none;margin: 0px;padding: 0px;}
body {font-size: 12px;line-height: 1.5px;font-family: "楷体";}
#mune ul li ui {display: none;border:1px solid #ccc;border-bottom:none;position: absolute;width: 100px;left: 100px;top: 0px;}
#mune ul li:hover ul {display: block;}
#mune {width: 100px;border-top: 1px solid #FFFFCC;border-right: 1px solid #FFFFCC;border-bottom: 1px none #FFFFCC;border-left: 1px solid #FFFFCC;}
a {color: #000000;text-decoration: none;}
#menu ul li.current ul { display:block;}
#menu ul li:hover ul { display:block;}
#mune ul li {
line-height: 26px;
background: #CCCCCC;
height: 24px;
padding: 0px 5px;
position: relative;
border-bottom: 1px solid #990033;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-color: #990033;
border-right-color: #990033;
border-left-color: #990033;
}
</style>
</head>
<body>
<div id="mune">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">网页版式布局</a></li>
<li><a href="#">div+css 教程</a>
<ul>
<li><a href="#">稳藏菜单1</a></li>
<li><a href="#">稳藏菜单2</a></li>
</ul>
</li>
<li><a href="#">div+css 实例</a>
<ul><li><a href="#">稳藏菜单3</a></li>
<li><a href="#">稳藏菜单4</a></li>
</ul>
</li>
<li><a href="#">常用代码</a>
<ul><li><a href="#">稳藏菜单5</a></li>
<li><a href="#">稳藏菜单6</a></li>
</ul>
</li>
<li><a href="#">站长杂谈</a></li>
<li><a href="#">技术文档</a></li>
<li><a href="#">资源下载</a></li>
<li><a href="#">图片素材</a></li>
</ul>
</div>
</div>
</body>
</html>
速度找个人来回答一下, 我自己已经搞好了,原来是#mune ul li ui这里打错了,唉~~~ 展开
1个回答
展开全部
<html>
<head>
<style type="text/css">
#mune ul {list-style: none;margin: 0px;padding: 0px;}
body {font-size: 12px;line-height: 1.5px;font-family: "楷体";}
#mune ul li ul {display: none;border:1px solid #ccc;border-bottom:none;position: absolute;width: 100px;left: 100px;top: 0px;}
#mune ul li:hover ul {display: block;}
#mune {width: 100px;border-top: 1px solid #FFFFCC;border-right: 1px solid #FFFFCC;border-bottom: 1px none #FFFFCC;border-left: 1px solid #FFFFCC;}
a {color: #000000;text-decoration: none;}
#menu ul li.current ul { display:block;}
#menu ul li:hover ul { display:block;}
#mune ul li {
line-height: 26px;
background: #CCCCCC;
height: 24px;
padding: 0px 5px;
position: relative;
border-bottom: 1px solid #990033;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-color: #990033;
border-right-color: #990033;
border-left-color: #990033;
}
</style>
</head>
<body>
<div id="mune">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">网页版式布局</a></li>
<li><a href="#">div+css 教程</a>
<ul>
<li><a href="#">稳藏菜单1</a></li>
<li><a href="#">稳藏菜单2</a></li>
</ul>
</li>
<li><a href="#">div+css 实例</a>
<ul><li><a href="#">稳藏菜单3</a></li>
<li><a href="#">稳藏菜单4</a></li>
</ul>
</li>
<li><a href="#">常用代码</a>
<ul><li><a href="#">稳藏菜单5</a></li>
<li><a href="#">稳藏菜单6</a></li>
</ul>
</li>
<li><a href="#">站长杂谈</a></li>
<li><a href="#">技术文档</a></li>
<li><a href="#">资源下载</a></li>
<li><a href="#">图片素材</a></li>
</ul>
</div>
</div>
</body>
</html>
追问
我想知道,为什么要加多一个#menu ul li.current ul { display:block;}呢,我在标准之路看到的答案也是这样的
追答
这条代码没有意义
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询