求助：怎么在dreamweaver中插入css导航菜单代码
6个回答
展开全部
dreamweaver cs3以上版本，带有这样一个功能，插入->Spry->Spry菜单栏，自动生成一个导航菜单，JS和CSS自动保存，可设置三级菜单，如果CSS比较熟悉，可根据版面修改CSS到达你要的效果。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把你的以上CSS代码保存为：styles.css，放在include文件夹里用以下语句引入即可！
<link rel="stylesheet" type="text/css" href="include/styles.css">
<link rel="stylesheet" type="text/css" href="include/styles.css">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title>简单的css导航</title>
<style>
#nav{ height:30px; width:500px;margin-left:350px;}
#nav li{float:left; list-style-type:none;}
#nav li a{text-decoration:none; color:#000; margin-left:10px; line-height:20px; display:block; width:65px; height:20px;
background-color:#0F3; text-align:center;
}
#nav li a:hover{ color:#FF0 }
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品中心</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">客服代表</a></li>
<li><a href="#">网站地图</a></li>
<li><a href="#">关于我们</a></li>
</ul></div>
</body>
</html>
<head>
<title>简单的css导航</title>
<style>
#nav{ height:30px; width:500px;margin-left:350px;}
#nav li{float:left; list-style-type:none;}
#nav li a{text-decoration:none; color:#000; margin-left:10px; line-height:20px; display:block; width:65px; height:20px;
background-color:#0F3; text-align:center;
}
#nav li a:hover{ color:#FF0 }
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品中心</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">客服代表</a></li>
<li><a href="#">网站地图</a></li>
<li><a href="#">关于我们</a></li>
</ul></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在dreamweaver的代码模块，把CSS代码加在head中间就可以了
<style type="text/css">
...CSS样式
</style>
<style type="text/css">
...CSS样式
</style>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
