如何修改列表项li、ul前的圆点小方块

2025-03-02 09:34:09

推荐回答（3个）

回答1：

解决思路：
在HTML中没有相应的属性可以设置该效果，但在CSS中可以，相应的属性为list-style-type，要把圆点改成实心方块，只需要设置list-style-type的值为square。
具体步骤：
代码示例：

list1
list2
list3
list4

技巧：想必大家都注意到，列表项离左边有很大一段距离，利用前面学过的知识，设置margin-left属性就行了：

list1
list2
list3
list4

另外，如果要把小黑点换成自定义图片，可以用list-style-image，用法：
list-style-image:url(demo.gif)
提示：对于列表项目，还有一个list-style-position属性可以定义，主要用于设置列表项前的符号根据列表文字的排列方式，对应的脚本特性为listStylePosition。可选值的说明如下：
outside 列表项目符号在文本以外，文本不根据标记对齐。
inside 列表项目符号在文本以内，文本根据标记对齐。

可选值说明
none不使用项目符号
disc实心圆，默认值
circle空心圆
square实心方块
decimal阿拉伯数字
lower-roman小写罗马数字
upper-roman大写罗马数字
lower-alpha小写英文字母
upper-alpha大写英文字母

回答2：

　　在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 /*图片的宽度，若不设置，图标会被文字覆盖*/
　　}

回答3：

应的属性list-style-type 应应应应应应应应，要把点改成心方解思路：决在HTML 中有相项的性可以项置项效果，但在没属 CSS 中可以，相项的性项属 list-style- type，要把项点改成项心方项，只需要项置list-style-type 的项项 square。具步项：体代项示例：ullilist1lilist2lilist3lilist4/ul技巧：想必大家都注意到，列表项左项有大一段距，利用前面项的知项，项置离很离学 margin-left 性就行了：属ullilist1lilist2lilist3lilist4/ul外，如果要把小黑点项成自定项项片，可以用另 list-style-image，用法： list-style-image:url 提示：项于列表项目，项有一个list-style-position 性可以定项，主要用于项置列表项前的属符根据列表文字的排列方式，项项的脚本特性项号 listStylePosition。可项项的项明 outside 列表项目符在文本以外，文本不根据项项项项。号 inside 列表项目符在文本以，文本根据项项项项。号内特项提示本例代项行效果如项运 2.1.6.9 所示，原本项项心项点的列表符项在已项项成了项心方项。号项 2.1.6.9 自定项列表项前的符号特项项明list-style-type 性用于项置列表项目前的符，项项的脚本特性项属号 listStyType，可项项及项明如表2.1.6.1 所示。list-style-image 性用于项置列表项目前的自定项项片，项项的脚本特性项属 listStyleImage。如果同项项置list-style-image 和list-style-type，项 list-style-type 性被忽略属将，除非list-style-image 的项项置项 none 或指定的项片不可用，list-style-type 才有作用。list-style- type、list-style-position 和list-style-image 的项合性项属 list-style。表2.1.6.1list-style-type 性的可项项属可项项项明none 不使用项目符号 disc 项心项，默项项 circle 空心项 square 项心方项 decimal 阿拉伯字数 lower-roman 小项项项字写数

红红看一本300页的故事书前五天每天看15页第六天看了20页他还剩多少页没看？

复合函数增增得增，减减得增，增减得减这是什么意思啊，最好有例题说明一下

iPhone5s抹掉所有内容和设置后怎样恢复数据？拜托各位了 3Q

怎么喝啤酒不涨肚喝啤酒不长小肚子的秘密

乐清市白象镇第九小学具体地址，老学校那个地址，距离乐清高铁站远吗？怎么坐公交，谢谢

三国水浒人物智商，战斗力排名

请时尚达人指点：淡橙配白色好看吗？

在考试系统中怎样用ASP来实现随机抽取题目、考生只能登陆一次（管理员允许除外）、

电脑常死机!高手请进