<title>蓝色清新菜单</title>
<style>
body {
margin:0;
padding:0;
font:70% Arial, Helvetica, sans-serif;
color:#555;
text-align:center;
line-height:180%;}
a{
color:#000;
text-decoration:none;}
#container{
margin:0 auto;
width:575px;
text-align:left;
padding-top:20px;}
ul#nav, ul#nav li{
margin:0;
padding:0;
list-style:none;}
ul#nav{
background:url(/jscss/demoimg/200907/bg3.jpg) no-repeat 100% 0;
height:214px;}
ul#nav li{
width:190px;
margin-top:1px;}
ul#nav li.first{
margin:0;}
ul#nav li a{
display:block;
width:100%;
background:#bae2f0 url(http://www.codefans.net/jscss/demoimg/200907/arrow1.gif) no-repeat 10px 50%;
color:#0e85b0;
line-height:42px;
text-indent:25px;}
ul#nav li a:hover{
color:#fff;
background:#0e85b0 url(http://www.codefans.net/jscss/demoimg/200907/arrow2.gif) no-repeat 10px 50%;}
</style>
<div id="container">
<ul id="nav">
<li><a href="/">源码爱好者</a></li>
<li><a href="http://www.xiapiaoxue.com">网页特效</a></li>
<li><a href="/">源代码</a></li>
<li><a href="/">最新更新</a></li>
<li><a href="/">下载排行</a></li>
</ul>
</div>