一聚教程网:一个值得你收藏的教程网站

热门教程

CSS List 入门教程

时间:2022-07-02 12:20:29 编辑:袖梨 来源:一聚教程网

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.111com.net/cssdiv/css.html

热门栏目