css ul li 水平布局问题

可以有俩种方法，暂时只用float：left；   找到每一个li进行水平浮动

#hd_nav li{
    border-right: 1px solid rgba(255,255,255,0.2);
    float: left;
    height: 14px;
    padding: 0 10px;
}

border-right 向又 1px  添加一条实线 并添加颜色。

值得一说的是 rgba（0,0,0,0）  其实就是rgb +ALPHA 进行设置颜色 和透明度 。最后一个参数1的时候为实线 0是完全透明。 参数可以再0-1之间进行设置。

 rgba 在ie8 及以下的浏览器不支持透明效果，显示依然为实线 ，为了解决兼容性的问题，我们可以这样做；

DIV{
color: rgb(127, 127, 127);
color: rgba(0, 0, 0, 0.5);
}

当浏览器不支持的时候显示的是rgb 当支持的时候用的是rgba（）