CSS定义li前面的小点样式

用户头像
北京/产品设计师/14年前/27321浏览
CSS定义li前面的小点样式
用户头像
甄小快

有些新闻网内容前面需要内容,比如小点,比如数字,这是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  未支持。大写拉丁字母
10
举报
|
16
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
倒计时,海报,平面
平面男孩喝咖啡插画设计
平面插画情侣/矢量
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
城阙凡花
水蜜桃和李子的平面水果图案
空的平台平面和自然景观
中国传统纹样创新图案设计
平面设计 吊牌设计
金色颗粒质地的平面
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
平面花卉图案扁平简约无缝拼接插画
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
课程海报,平面素材
海底世界插画
空的平台平面和自然景观
金色颗粒质地的平面
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面风格黄绿色系花朵装饰
平面书法字手写
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
你可能喜欢
相关收藏夹
大家都在看
登录注册