ul和li标签结合CSS样式表的使用代码,Css代码库,德仔网

代码语言

代码分类

【Css】 ul和li标签结合CSS样式表的使用

作者:dezai / 发布于2014/4/16/ 410

li代码的格式化:

A).运用CSS格式化列表符，不显示圆点等符号：

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

B).如果你想将列表符换成图像，则：

ul li{
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;
}
ul li{
background:#CCC;
}

E).如果想给列表加MOUSEOVER背景变色效果，可以用如下代码：

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;
}

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　li标签　

同语言下

可能有用的

dezai贡献的其它代码(1065)