A6切图网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

北北设计网站切图广告位招租
查看: 346|回复: 0

如何使用list-style项目符号?

[复制链接]
发表于 2016-6-30 06:38:35 | 显示全部楼层 |阅读模式
  
  项目符号有多种,罗列如下:
  disc(实心圆点)、
  circle(空心圆圈)、
  square(实心方块)、
  decimal(阿拉伯数字)、
  lower-roman(小写罗马数字)、
  upper-roman(大写罗马数字)、
  lower-alpha(小写英文字母)、
  upper-alpha(大写英文字母)、
  none(无)。
  比如设定一个列表(ul或ol)的项目符号为方块,如:

示例代码 []
li{
list-style: square;
}

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

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|A6切图网

GMT+8, 2019-6-16 12:49 , Processed in 1.117196 second(s), 16 queries .

快速回复 返回顶部 返回列表