沃梦达 / IT编程 / 前端开发 / 正文

怎么通过CSS定义项目列表li前小点( · )的样式

我们可以通过css中的,list-style-type属性进行定义,list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiraga

 我们可以通过css中的,list-style-type属性进行定义,list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin  。这些语法就是定义LI前面小点的样式所用到的,当然,前面使用小图标,效果更是千变万化,具体的实施,就是个人的爱好了

语法:  
list-style-image : none | url ( url )   
取值:  
none  :  默认值。不指定图像   
url ( url )  :  使用绝对或相对 url 地址指定图像   

语法:  
list-style-position : outside | inside   
取值:  
outside  :  默认值。列表项目标记放置在文本以外,且环绕文本不根据标记对齐   
inside  :  列表项目标记放置在文本以内,且环绕文本根据标记对齐   

语法:  
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin   
取值:  
disc  :  CSS1  默认值。实心圆   
circle  :  CSS1  空心圆   
square  :  CSS1  实心方块   
decimal  :  CSS1  阿拉伯数字   
lower-roman  :  CSS1  小写罗马数字   
upper-roman  :  CSS1  大写罗马数字   
lower-alpha  :  CSS1  小写英文字母   
upper-alpha  :  CSS1  大写英文字母   
none  :  CSS1  不使用项目符号   
armenianl  :  CSS2  未支持。传统的亚美尼亚数字   
cjk-ideographic  :  CSS2  未支持。浅白的表意数字   
georgian  :  CSS2  未支持。传统的乔治数字   
lower-greek  :  CSS2  未支持。基本的希腊小写字母   
hebrew  :  CSS2  未支持。传统的希伯莱数字   
hiragana  :  CSS2  未支持。日文平假名字符   
hiragana-iroha  :  CSS2  未支持。日文平假名序号   
katakana  :  CSS2  未支持。日文片假名字符   
katakana-iroha  :  CSS2  未支持。日文片假名序号   
lower-latin  :  CSS2  未支持。小写拉丁字母   
upper-latin  :  CSS2  未支持。大写拉丁字母

本文标题为:怎么通过CSS定义项目列表li前小点( · )的样式