ul、li用法中的好搭挡
日期:2013-05-07发布:首创网络浏览:760次
ul、li用法中的好搭挡。在制作html时我们常用到ul和li这对好的搭挡、正是因为它们的方便好用,才如此广泛应用,下面介绍下它们的css样式,帮助大家更好的来掌握它们的用法: LI代码的格式化: A).运用CSS格式化列表符:ulli{ lis···
本文关键字:、,用法,中的,好,搭挡,、,用法,中的,好,搭挡,
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;
}
- 的区别
- 的参数设定(常用):
例如:
type="square"
只适用于非顺序清单,设定符号款式,其值有三种,如下,内定为type="disc":
符号是当type="disc"时的列项符号。
符号if"width=10height=10border=0>是当type="circle"时的列项符号。
符号是当type="square"时的列项符号。
value="4"
只适用于顺序清单,设定该一项的数目,其後各项将以此作为起始数目而递增,但前面各项则不受影响,其值只能是1,2,3..等整数,没有内定值。
- 称为无序清单标记。
- 是列表项,项目列表就是用符号来列的,所以你列出来默认的就是黑点啦,还有一个是
- 这个是编号列表,用数字来列的,也是用
- 做列表项
- 是listitem即列表项,但列表有很两种,所以外面得有
- 或者
- 用来区别无序列表(小点点)和有序列表(1,2,3...)。
- 做列表项
所谓无序清单就是在每一项前面加上、、等符号,故又称符号清单。
- 的参数设定(常用):
例如:
type="square"
设定符号款式,其值有三种,如下,内定为type="disc":
符号是当type="disc"时的列项符号。
符号是当type="circle"时的列项符号。
符号是当type="square"时的列项符号。
- 是项目列表,
- 是列表项,项目列表就是用符号来列的,所以你列出来默认的就是黑点啦,还有一个是
- 欢迎大家阅读浏览,部分内容来源于网络,如有侵权,请联系我们删除!
- 上一条:教你书写标准的CSS命名写法
- 下一条:绝对居中于不同浏览器的另类解决方案
服务项目
热门信息
- 邯郸网络公司:模板建站的好处有哪些?
- 3642024-04-25
- 4.20日音讯,邯郸网络公司:企业官网有必要做吗?
- 2132024-04-20
- 4.20日音讯,邯郸网络公司:为什么模板建站如此便宜?
- 2872024-04-20
- 4.9日讯,企业网站建设如何发挥网络营销功能?
- 4092024-04-09
- 4.9日音讯,企业网站维护的日常工作
- 2912024-04-09
- 4.5日讯,建设一个外贸网站多少钱?
- 4862024-04-05
- 邯郸网络公司:网站建设开发有哪些细节需要注意?
- 5402024-03-07
- 邯郸网络公司:外贸网站制作的8个步骤
- 3772024-03-05
- 企业网站如何制作才能取得更好的效果
- 5662024-02-29
- 简单3步,轻松做企业官网
- 6822024-02-18