3个回答
展开全部
<style>
body {
background:#fff;
}
ul,li {
margin:0;
padding:0;
list-style:none;
}
h3 {
text-align:center;
}
#nav {
font-size:12px;
color:#999;
}
#nav > ul > li {
height:auto;
padding:4px 0;
text-align:center;
width:120px;
border:1px solid #eee;
background-color:#fafafa;
cursor:pointer;
position:relative;
float:left;
margin:10px;
}
#nav > ul > li:hover {
border:1px solid #9CDD75;
background-color:#F1FBEC;
border-bottom:none;
color:#666;
}
#nav > ul > li > ul {
width:120px;
background-color:#F1FBEC;
position:absolute;
top:20px;
left:-1px;
border:1px solid #9CDD75;
border-top:none;
display:none;
}
#nav > ul > li > ul li {
height:auto;
padding:4px 0;
}
#nav > ul li:hover > ul {
display:block;
}
#nav > ul > li > ul li a {
color:#333;
text-decoration:none;
width:100px;
padding:4px 0;
display:inline-block;
}
#nav > ul > li > ul li a:hover {
background:lightgreen;
font-weight:bold;
}
</style>
<body>
<div id="nav">
<ul>
<li>我的首页
<ul>
<li><a href="#">我的Png</a></li>
<li><a href="#">我的Gif</a></li>
<li><a href="#">我的酷站</a></li>
<li><a href="#">我的日志</a></li>
<li><a href="#">我的相册</a></li>
<li><a href="#">我的收藏</a></li>
</ul>
</li>
<li>公司介绍
<ul>
<li><a href="#">公司概况</a></li>
<li><a href="#">公司日志</a></li>
<li><a href="#">公司图片</a></li>
</ul>
</li>
<li>我的首页
<ul>
<li><a href="#">我的Png</a></li>
<li><a href="#">我的Gif</a></li>
<li><a href="#">我的酷站</a></li>
<li><a href="#">我的日志</a></li>
<li><a href="#">我的相册</a></li>
<li><a href="#">我的收藏</a></li>
</ul>
</li>
<li>我的首页
<ul>
<li><a href="#">我的Png</a></li>
<li><a href="#">我的Gif</a></li>
<li><a href="#">我的酷站</a></li>
<li><a href="#">我的日志</a></li>
<li><a href="#">我的相册</a></li>
<li><a href="#">我的收藏</a></li>
</ul>
</li>
</ul>
</div>
</body>
纯CSS控制的，你试一下，把Style放在<head></head>里面
追问
CSS样式和BODY要分开
追答
你可以分开写然后引进来呀，竟然不给我满意
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
导航是独立的可以使用CSS写入 当然你新建一个自定义也是可以的新建的自定义加上你的页头为150 系统自带的就会被替换掉但是不会消失前台是不会显示系统原始的导航条的 如果你想让你的导航有下拉菜单 你可以使用在线淘宝导航 工具编辑
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用hover就行了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
