2023年8月1日发(作者：)

htmlul默认的项⽬符号是什么形状,列表项ol、ul前项⽬符号在HTML中没有相应的属性可以设置该效果，但在CSS中可以，相应的属性为list-style-type，要把圆点改成实⼼⽅块，只需要设置list-style-type的值为square。具体步骤： 代码⽰例：

style="list-style-type:square">

list1 list2 list3 list4

技巧：想必⼤家都注意到，列表项离左边有很⼤⼀段距离，利⽤前⾯学过的知识，设置margin-left属性就⾏了：style="list-style-type:square;margin-left:12px">

list1 list2 list3 list4

另外，如果要把⼩⿊点换成⾃定义图⽚，可以⽤list-style-image，⽤法：list-style-image:url()提⽰：对于列表项⽬，还有⼀个list-style-position属性可以定义，主要⽤于设置列表项前的符号根据列表⽂字的排列⽅式，对应的脚本特性为listStylePosition。可选值的说明如下： outside列表项⽬符号在⽂本以外，⽂本不根据标记对齐。inside列表项⽬符号在⽂本以内，⽂本根据标记对齐。特别提⽰本例代码运⾏效果如图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.1 list-style-type属性的可选值可选值说明none不使⽤项⽬符号 disc实⼼圆，默认值 circle空⼼圆 square实⼼⽅块 decimal阿拉伯数字 lower-roman⼩写罗马数字 upper-roman⼤写罗马数字 lower-alpha⼩写英⽂字母 upper-alpha⼤写英⽂字母转发⾄微博转发⾄微博

2023年8月1日发(作者：)

htmlul默认的项⽬符号是什么形状,列表项ol、ul前项⽬符号在HTML中没有相应的属性可以设置该效果，但在CSS中可以，相应的属性为list-style-type，要把圆点改成实⼼⽅块，只需要设置list-style-type的值为square。具体步骤： 代码⽰例：

style="list-style-type:square">

list1 list2 list3 list4

技巧：想必⼤家都注意到，列表项离左边有很⼤⼀段距离，利⽤前⾯学过的知识，设置margin-left属性就⾏了：style="list-style-type:square;margin-left:12px">

list1 list2 list3 list4

另外，如果要把⼩⿊点换成⾃定义图⽚，可以⽤list-style-image，⽤法：list-style-image:url()提⽰：对于列表项⽬，还有⼀个list-style-position属性可以定义，主要⽤于设置列表项前的符号根据列表⽂字的排列⽅式，对应的脚本特性为listStylePosition。可选值的说明如下： outside列表项⽬符号在⽂本以外，⽂本不根据标记对齐。inside列表项⽬符号在⽂本以内，⽂本根据标记对齐。特别提⽰本例代码运⾏效果如图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.1 list-style-type属性的可选值可选值说明none不使⽤项⽬符号 disc实⼼圆，默认值 circle空⼼圆 square实⼼⽅块 decimal阿拉伯数字 lower-roman⼩写罗马数字 upper-roman⼤写罗马数字 lower-alpha⼩写英⽂字母 upper-alpha⼤写英⽂字母转发⾄微博转发⾄微博