用css怎么样设置导航菜单的样式求源码！谢谢
<style id="Style1" type="text/css" runat="server">
</style>
<div>
<ul>
<li> <a href=' <%= ResolveUrl("~/Default.aspx") %>'> <span>首页 </span> </a> </li>
<li> <a href=' <%= ResolveUrl("~/Golds.aspx") %>'> <span>最新动态 </span> </a> </li>
<li> <a href=' <%= ResolveUrl("~/Diamond.aspx") %>'> <span>课程介绍 </span> </a> </li>
<li> <a href=' <%= ResolveUrl("~/Silver.aspx") %>'> <span>教学特色 </span> </a> </li>
<li> <a href=' <%= ResolveUrl("~/Fashion.aspx") %>'> <span>留学就职 </span> </a> </li>
<li> <a href=' <%= ResolveUrl("~/Pearls.aspx") %>'> <span>在线报名 </span> </a> </li>
<li> <a href=' <%= ResolveUrl("~/DefaultMark.aspx") %>'> <span>联系我们 </span> </a> </li>
</ul>
</div>
怎么设置要看你需要设置成什么样子了.比如说导航横着排列
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!-- css -->
<style id="Style1" type="text/css" runat="server">
#main li { width:50%; display:inline; list-style:none;}
</style>
</head>
<body>
<!-- top -->
<div id="main">
<ul>
<li> <a href=' <%= ResolveUrl("~/Default.aspx") %>'> <span>首页 </span> </a> </li>
<li> <a href=' <%= ResolveUrl("~/Golds.aspx") %>'> <span>最新动态 </span> </a> </li>
<li> <a href=' <%= ResolveUrl("~/Diamond.aspx") %>'> <span>课程介绍 </span> </a> </li>
<li> <a href=' <%= ResolveUrl("~/Silver.aspx") %>'> <span>教学特色 </span> </a> </li>
<li> <a href=' <%= ResolveUrl("~/Fashion.aspx") %>'> <span>留学就职 </span> </a> </li>
<li> <a href=' <%= ResolveUrl("~/Pearls.aspx") %>'> <span>在线报名 </span> </a> </li>
<li> <a href=' <%= ResolveUrl("~/DefaultMark.aspx") %>'> <span>联系我们 </span> </a> </li>
</ul>
</div>
</body>
</html>
可以上网找li 导航的相关资料,例如
http://hi.baidu.com/lanlanworkbolg/blog/item/23d6c1d0aa676686a1ec9c04.html
CSS code
ul{margin:0;padding:0;list-style:none}
li{float:left;width:100px;height:100%;text-align:center;cursor:pointer}
