如何使用list-style项目符号

项目符号有多种,罗列如下:

  1.  disc(实心圆点)、
  2.   circle(空心圆圈)、
  3.   square(实心方块)、
  4.   decimal(阿拉伯数字)、
  5.   lower-roman(小写罗马数字)、
  6.   upper-roman(大写罗马数字)、
  7.   lower-alpha(小写英文字母)、
  8.   upper-alpha(大写英文字母)、
  9.   none(无)。

比如设定一个列表(ul或ol)的项目符号为方块,如:

  1. ul li{
  2. list-style: square;
  3. }

此外list-style还有一些值,比如可以采用一些小图片作为项目符号,在list-style下直接写url(“图片地址”)。注意如果一个项目列表的左外补丁(margin-left)为零,list-style-position: outside(默认是outside)的项目符号不会显示。



本文固定链接: http://www.ntxz.net/?p=1204 | 周忞 | 吉心的记事本



该日志由 吉心 于2010年08月01日发表在 CSS 分类下, 你可以发表评论
在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 如何使用list-style项目符号 | 周忞 | 吉心的记事本
关键字: ,

如何使用list-style项目符号:等您坐沙发呢!

发表评论

您必须 [ 登录 ] 才能发表留言!