使用ul、li布局，制作一级导航栏

<div id="menu">
    <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>
        <li><a href="#">游戏</a></li>
        <li><a href="#">论坛</a></li>
    </ul>
</div>

这样就会列出导航菜单来，但是是纵向的，下面我们来调节一下样式：①去掉li前面的圆点②设置成横向③字体样式和间距④去除超链接下划线

<style type="text/css">
    #menu ul li
    {
        list-style: none;
        float: left;
        width: 85px;
        font-family: 微软雅黑;
        font-size: x-large;
    }
    #menu ul li a
    {
        text-decoration: none;
    }
</style>