LI 清单标签结合CSS 的运用

魚戀秋波 Neil Y.K. :

ul li{
list-style-type:none;
}

B).如果你想将网页中的列表设计成图像，则∶

 ul li{
list-style-type:none;
list-style-image: url(/blog/images/icon.gif);
}

C).为了让左边对齐，可以用如下网页代码∶

ul{
list-style-type:none;
margin:0px;
}

D).如果想给列表设计背景色，可以用如下网页代码∶

ul{
list-style-type: none;
margin:0px;
}
ul li{
background:#CCC;
}

E).如果想给列表设计onMouseOver 背景变色效果，可以用如下网页代码∶

ul{ list-style-type: none; margin:0px; }
ul li a{ display:block; width: 100%; background:#ccc; }
ul li a:hover{ background:#999; }
/*说明∶display:block;这一行必须要加的，这样才能块状显示! */

F).LI中的元素水准排列，关键FLOAT:LEFT∶

ul{
list-style-type:none;
width:100%;
}
ul li{
width:80px;
float:left;
}

• 关键字 : style, width, margin, background, display, block, 说明, 让左边对齐, 想将网页中, 关键FLOAT, images, image, hover, float, LI中