css3技术

如何使用list-style项目符号?_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-28 15:05 我要评论( )

如何使用list-style项目符号?,学习如何使用list-style项目符号?,如何使用list-style项目符号?,查看如何使用list-style项目符号?,项目符号有多种,罗列如下:

  
  项目符号有多种,罗列如下:
  disc(实心圆点)、
  circle(空心圆圈)、
  square(实心方块)、
  decimal(阿拉伯数字)、
  lower-roman(小写罗马数字)、
  upper-roman(大写罗马数字)、
  lower-alpha(小写英文字母)、
  upper-alpha(大写英文字母)、
  none(无)。
  比如设定一个列表(ul或ol)的项目符号为方块,如:

div css xhtml xml Example Source Code

Example Source Code []

li{
list-style: square;
}


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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评