自定义列表li项目符号

本文介绍了如何使用CSS自定义HTML列表`li`元素的项目符号,重点讲解了`list-style:none`用于清除默认样式,以及通过`background-image`设置背景图片作为自定义符号,`background-repeat:no-repeat`确保只显示一个符号,和`padding-left`调整内容与符号的距离。还提及`list-style`是一个组合属性,包括`list-style-type`、`list-style-position`和`list-style-image`,分别用于设置标记类型、位置和图像。
摘要由CSDN通过智能技术生成

list-style:none;写在ul里!

自定义符号主要是使用background-image属性

示例代码:

li{
    background-image:url('../img/nav.png') ;
    background-repeat : no-repeat ;
    padding-left:40px;
}

list-style:none;用来清除默认样式;
background-image设定背景图片,也就是我们看成的项目符号;
background-repeat设定背景图片重复,设定no-repeat就会显示一个;
padding-left设定项目内容与图片的距离,不设定的话会

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值