列表样式



list-style-type:disc(实心圆)circle(空心圆)square(方块)decimal(阿拉伯数字)
                lower-roman(小写罗马数字)upper-roman(大写罗马数字)
                lower-alpha(小写英文数字)upper-alpha(大写英文数字) none(无项目符号)

list-style-image:url(*.jpg)列表图片符号
               

list-style-position设置值 inside(内部) outside(外部)
                          inside表示项目符号与文本内容形成一个整体,随着文本内容位置的更改而更改
                          outside则表示项目符号脱离文本流


ul{ list-style-image:none;}
li{ background-image:url(*.jpg); background-position:0px 5px; background-repeat:no-repeat; padding-left:20px;}
               
 使用背景图片作为列表图片符号时,list-style-type必须设置为none
 因为项目符号默认为实心圆,并且list-style-position默认为outside

ul列表默认有一定的左右padding值和上下margin值,在设置列表图片符号时,必须设置一定的padding值,否则列表图片无法正常显示

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值