uL的list的几种变化（使用CSS布局）

一般使用ul就是用来做列表，这样ul的用途很少，而且做列表使用表格加图片装饰应该比ul来的更好看，使用了CSS以后，ul就有了很多变化，可以变成多个按钮，导航菜单等，也能改变原来只能竖着排列的方式。原来的ul使用起来就是这样的效果，

• Item one
• Item two
• Item three

总结了一点变化，一种是采用float的方式，变成横排的方式，另外一种是用css的属性来控制

1、采用css的属性是这样的。

<ul id="navlist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
</ul>

采用CSS的样式  ul#navlist li { display: inline; }

ul#navlist
{
padding: 0;
margin: 0;
list-style-type: none;   去掉列项前面的装饰
}

2、一种是采用float的方式，html部分相同，css采用不同的方式

#navlist li {
float:left;
}

 

效果就是变成从左边开始的横排的效果，如果是right，就变成靠右的横排效果