导航按钮-XUECSS.CN

<head>
<style>
nav{
    background-color: #17a1ff;
    border-color: #17a1ff;
    top: 0;
    border-width: 0 0 1px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
nav ul {
    float:left;
    margin: 0px;
    padding: 0 0 0 0;
    width: 1200px;
    list-style: none;
}
nav ul li {
    display: inline;
}
nav ul li a {
    float: left;
    padding: 11px 20px; 
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #fff;    
    font-family: Tahoma;
    outline: none;
}
nav li a:hover {
    color: #2a5f00;
}
</style>
</head>

<body>
    
     <nav class="nav">
       <ul class="ul">
           <li><a href="#">首页</a></li>
           <li><a href="try">在线测试</a></li>
           <li><a href="blog">学习笔记</a></li>
           <li><a href="anniu">css按钮样式生成</a></li>
           <li><a href="sfz">生日</a></li>
           <li><a href="suijidianming">随机点名</a></li>
           <li><a href="dianming">统计点名</a></li>
           <li><a href="buju">布局学习</a></li>
       </ul>
   </nav>
   
	</body>