css样式给ul还是li

css样式给li。

1.文字居中定义文字居中始终是要的，所以首先给予ul外层div一个text-align（文本对齐：居中），还可以给一个“溢位：隐藏（overflow: hidden）”，当然也可以定义一下高和宽。

2.ul定义ul不能定义宽度，我们只能给一个定位，类型为相对（position: relative），置入左为50%（left: 50%），当然也可以给一个浮动。请注意，ul千万不能用溢位：隐藏（overflow: hidden），这样，部分li就无法显示。

3.li定义li的定义跟ul差不多，宽度不固定，同样给一个定位，类型为相对（position: relative），置入右为50%（right: 50%），恰恰和ul相反，这样定义后li就可以无论分页多少始终居中了。

给这些不同的ul设置不同的class（类），然后在css中用ul.xxx作为选择器匹配不同的样式。比如：

<style>

ul.a1 li {color:red}

ul.a2 li {color:blue}

ul.a3 li {color:green}

</style>

<ul class="a1">

<li>这是红色</li><li>这是红色</li><li>这是红色</li>

</ul>

<ul class="a2">

<li>这是蓝色</li><li>这是蓝色</li>

</ul>

<ul class="a3">

<li>这是绿色</li><li>这是绿色</li><li>这是绿色</li><li>这是绿色</li>

</ul>

给ul定义css就可以了

或者是在外层div写样式

案例如下：

<div class="one">

<ul></ul>

</div>

<div class="two">

<ul></ul>

</div>

<style>

.one ul{}

.two ul{}

</style>

你看下能明白不 不明白联系我..

---