如何修改列表项"li，ul"前的圆点小方块
2016-12-19 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
采纳数：117539
获赞数：517159
长期从事计算机组装，维护，网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。
向TA提问 私信TA
关注
![]()
展开全部
在HTML中没有相应的属性可以设置该效果，但在CSS中可以，
1，将圆点变成小方块：相应的属性为list-style-type，要把圆点改成实心方块，只需要设置list-style-type的值为square。
eg：ul li {
list-style-type: square;
}
2，将小圆点换成自定义图片：
eg：ul li{
list-style-type: none; /*先去掉黑点*/
background: url(http://***.gif)no-repeat center left; /*链接图片地址*/
padding-left: 20px /*图片的宽度，若不设置，图标会被文字覆盖*/
}
1，将圆点变成小方块：相应的属性为list-style-type，要把圆点改成实心方块，只需要设置list-style-type的值为square。
eg：ul li {
list-style-type: square;
}
2，将小圆点换成自定义图片：
eg：ul li{
list-style-type: none; /*先去掉黑点*/
background: url(http://***.gif)no-repeat center left; /*链接图片地址*/
padding-left: 20px /*图片的宽度，若不设置，图标会被文字覆盖*/
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
深圳神光
2024-10-21 广告
深圳市神光数据技术有限公司于 2021 年创立，位于深圳，是亚马逊官方认定的SPN和AAPN电商服务商。神光中国公司成立至今，已经成功为10000+跨境卖家提供服务。自2117年开始，我们了解到沃尔玛在电商领域的庞大潜能与细分市场的独特需求...
点击进入详情页
本回答由深圳神光提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
