html ul li布局,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()

CSS + ul li 横向排列的两种方法

enter">

电子商务

css控制UL LI 的样式详解

用

• 设置导航