设置不同的列表样式:
ul.circle {list-style-type:circle;
} ul.square {list-style-type:square;
} ol.upper-roman {list-style-type:upper-roman;
} ol.lower-alpha {list-style-type:lower-alpha;
}
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
}