CSS定义li前面的小点样式(原创文章)

 有些新闻网内容前面需要内容,比如小点,比如数字,这是LI中的一个属性,虽然很简单,但比较实用也比较重要。如果知道的可以无视,不知道的,看一下。有个印象。

比如:……

语法:  
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前面小点的样式所用到的,当然,前面使用小图标,效果更是千变万化,具体的实施,就是个人的爱好了

view plaincopy to clipboardprint?
   
语法:  
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  未支持。大写拉丁字母

扫一扫手机访问