龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

CSS List 入门教程

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
CSS List 入门教程,list指得是在css中的li等标签的控制了,面list也有四个属性,其实有五个我们只讲常用的4个了,他们分别为:list-style,list-style-image,list-style-position,list-style-type 好了下面我一个

CSS List 入门教程,list指得是在css中的li等标签的控制了,面list也有四个属性,其实有五个我们只讲常用的4个了,他们分别为:list-style,list-style-image,list-style-position,list-style-type

好了下面我一个个来举例来说说这个的使用方法与教程吧.

1.CSS list-style

所有属性的列表在一个声明,显示方式,可以继承:

list-style实例.

ul
{
list-style: disc outside
}
ol
{
list-style: decimal inside
}

2.li list-style-image 实例

它是设置li显示的图片背景.

 li
{
list-style-image: url(blueball.gif);
list-style-type: circle

 

3.css list-style-position 实例.

list-style-position 标记列表以何种方式 显示.

li
{
list-style-position: inside
}


4.list-style-type

定义
该列表样式类型集的类型列表项标记。

注意:有些浏览器只支持“光盘”的价值。

继承:是

 ul
{
list-style-type: disc
}

而list-style-type有很多属性.我就不一一定出了.转载请注明www.111cn.cn/cssdiv/css.html


精彩图集

赞助商链接