/* 方法一:设置list-style属性值为none */ ul { list-style:none; } /* 方法二:设置list-style-type属性值为none */ ul { list-style-type:none; } /* 方法三:设置list-style-position属性值为outside */ ul { list-style-position:outside; } /* 方法四:自定义list-style-image属性值 */ ul { list-style-image:url('dot.png'); }
细心的你可能已经发现了,在上述代码中,大家针对的是ul元素,而不是li元素。这是因为ul元素是列表的父元素,设置其样式能够影响下面的所有li元素。
至此,大家介绍了四种解决CSS列表不显示点的方法,它们分别是:设置list-style属性值为none、设置list-style-type属性值为none、设置list-style-position属性值为outside、以及自定义list-style-image属性值。针对不同情况,大家选择不同的方法解决问题,以达到更好的视觉效果。