css基础--列表项目的使用

List-style-type 列表符号及标号属性

列表符号

       List-style-type: disc(实心圆形) | circle (空心圆形) | square(空心矩形) | none(没有符号)

       eg).square {list-style-type: circle}

              …..

 

…..

 

 

列表编号

List-style-type: decimal(阿拉伯数字) | lower-roman(小写罗马字) | upper-roman(大写罗马字) | lower-alpha(小写英文字) | upper-alpha(大写英文字)

       eg)#low-ro {list-style-type: lower-roman}   //通过ID来调用

List-style-image图片式列表符号属性

       list-style-image: <url>(</url>与IMG标记用法差不多) | none（不使用图片）

       eg) .list-image {List-style-image: url(bg.gif);}

List-style-position列表符号缩进属性

       list-style-position: inside | outside

//inside 和outside 是指列表符号不向外凸和向外凸。即列表的第二行文字不向内缩进和向内缩进

List-style的综合属性

       List-style: (image | type) || position // ‘|’或的意思; ‘||’并的意思