[JavaScript知识库]简单的HTML导航条

CSS代码?

<style>
        body,div{padding: 0; margin: 0;}
        #nav{
            width: 960px;
            height: 35px;
            background: hsl(21, 47%, 67%);
            margin: 0 auto; /*水平居中*/
            margin-top: 30px;/*距离顶部距离 */

        }
        #nav ul{
            width: 960px;
            height: 35px;
            list-style: none;/*去掉小黑点 */


        }
        #nav ul li{
            width: 100px; /*分开标签*/
            float: left;
            line-height: 35px;/*设置行距，垂直居中 */
             text-align: center;/*水平居中 */
            
            
         
             padding: 0 10px;/*宽度自适应 */
           
        }
        #nav ul li a{
            font-size: 18px;
            
             text-decoration: none; /*去掉下划线*/


        }
    </style>

?HTML代码

<div id="nav">
        <ul>
        <li><a href="">aaaa</a></li>
        <li><a href="">ssss</a></li>
        <li><a href="">dddd</a></li>
        <li><a href="">fffff</a></li>
        <li><a href="">jjjjj</a></li>
        <li><a href="">ttttt</a></li>
        </ul>
    </div>

这个真的是非常简单的