200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > CSS教程:li和ul标签用法举例

CSS教程:li和ul标签用法举例

时间:2022-04-30 08:53:52

相关推荐

CSS教程:li和ul标签用法举例

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...)。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。