css中怎么去掉ul的实心点

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,我们经常会用到无序列表(ul)来进行页面排版。但是,有时候我们会发现在列表项(li)前面会有一个实心的点,这个点让页面的视觉效果有些影响,我们需要将其去掉。要去掉实心点,我们需要使用CSS

在CSS中,我们经常会用到无序列表(ul)来进行页面排版。但是,有时候我们会发现在列表项(li)前面会有一个实心的点,这个点让页面的视觉效果有些影响,我们需要将其去掉。

要去掉实心点,我们需要使用CSS的list-style属性来设置列表样式。在实心点的情况下,该属性可以设置list-style-type的值为disc--代表实心点。

ul {
  list-style-type: none; /*去掉实心点*/
}

上述代码中,添加了list-style-type: none;来去掉实心点。如果我们想要重新添加列表符号,可以将none改为其他值,如circlesquare等等。

另外,如果只是想将实心点去掉,可以直接设置list-style-type的值为空,如下所示:

ul {
  list-style-type: ""; /*去掉实心点*/
}

以上就是如何在CSS中去掉ul标签中的实心点的方法。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中怎么去掉ul的实心点

粉丝

0

关注

0

收藏

0

已有0次打赏