html怎么改变li前面的点,CSS定义li前面的小点样式

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

比如:……

b359101bd785cfd1c9cc08e4c944a071.png

语法:

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  未支持。大写拉丁字母

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值