在CSS布局中，ul，li的运用是非常常见的。配合DIV与CSS，创建无表格布局。其实Dreamweaver中也有自带的CSS布局的范例
方法/步骤
1、 雉搽妤粲LI代码的格式化: A).运用CSS格式化列表符： 以下为引用的内容： ulli{ list-style-type:none; }硷增浑叶 例如下面的： 供求信息 B).如果你想将列表符换成图像，则： 以下为引用的内容： ulli{ list-style-type:none; list-style-image:url(images/icon.gif); } 例如下面的： 供求信息 C).为了左对齐，可以用如下代码： 以下为引用的内容： ul{ list-style-type:none; margin:0px; } 例如下面的： 供求信息 D).如果想给列表加背景色，可以用如下代码： 以下为引用的内容： ul{ list-style-type:none; margin:0px; } ulli{ background:#CCC; } 例如下面的： 供求信息 E).如果想给列表加MOUSEOVER背景变色效果，可以用如下代码： 以下为引用的内容： ul{list-style-type:none;margin:0px;} ullia{display:block;width:100%;background:#ccc;} ullia:hover{background:#999;} 说明：display:block;这一行必须要加的，这样才能块状显示！ 例如下面的： 供求信息 F).LI中的元素水平排列,关键FLOAT:LEFT： 以下为引用的内容： ul{ list-style-type:none; width:100%; } ulli{ width:80px; float:left; }