ul、li用法中的好搭挡。在制作html时我们常用到ul和li这对好的搭挡、正是因为它们的方便好用,才如此广泛应用,下面介绍下它们的css样式,帮助大家更好的来掌握它们的用法:
LI代码的格式化:
A).运用CSS格式化列表符:ulli{
list-style-type:none;
}
B).如果你想将列表符换成图像,则:ulli{
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;
}
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;
}
<ul><li>的区别
<LI>的参数设定(常用):
例如:<litype="square"value="4">
type="square"
只适用于非顺序清单,设定符号款式,其值有三种,如下,内定为type="disc":
符号是当type="disc"时的列项符号。
符号if"width=10height=10border=0>是当type="circle"时的列项符号。
符号是当type="square"时的列项符号。
value="4"
只适用于顺序清单,设定该一项的数目,其後各项将以此作为起始数目而递增,但前面各项则不受影响,其值只能是1,2,3..等整数,没有内定值。
<UL>称为无序清单标记。
所谓无序清单就是在每一项前面加上、、等符号,故又称符号清单。
<UL>的参数设定(常用):
例如:<ULtype="square">
type="square"
设定符号款式,其值有三种,如下,内定为type="disc":
符号是当type="disc"时的列项符号。
符号是当type="circle"时的列项符号。
符号是当type="square"时的列项符号。
<ul>是项目列表,<li>是列表项,项目列表就是用符号来列的,所以你列出来默认的就是黑点啦,还有一个是<ol>这个是编号列表,用数字来列的,也是用<li>做列表项
<li>是listitem即列表项,但列表有很两种,所以外面得有<ul>或者<ol>用来区别无序列表(小点点)和有序列表(1,2,3...)。