设置横向导航栏

1.基本结构

        

              

• 首页

               

• 关于我们

               

• 商务合作



        

---

2. CSS样式

.nav{

         height:40px;/*设置导航栏高度*/

         overflow:hidden;/*将超出导航栏的内容隐藏*/

         background-color:#900;/*背景色*/

         color:#ffffff;/*字体颜色*/

}

       .nav ul{

        list-style:none;/*清除列表的默认样式（清除圆点）*/

}

        .nav ul li{

        float:left;/*全部向左浮动，横向排列*/

         line-height:40px;/*设置行高和盒子高度相同,使文字垂直居中*/

        margin-left:20px;/*左侧外边距，使每个li之间有间隙*/

}