可以有俩种方法，暂时只用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（）