css中 去li标签前的点

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

CSS是一种定义网页样式的语言,常见的网页元素比如文本、图片、空格等,都可以通过CSS来设置其样式。在CSS中,li标签有一个默认的样式,就是前面有一个点,这个点可以通过CSS来控制。去除li标签前的

CSS是一种定义网页样式的语言,常见的网页元素比如文本、图片、空格等,都可以通过CSS来设置其样式。在CSS中,

li
标签有一个默认的样式,就是前面有一个点,这个点可以通过CSS来控制。

去除li标签前的点可以应用list-style属性。这个属性有三个值可以设置,分别是nonedisccircle

li {
  list-style: none; /* 去除点 */
}
li {
  list-style: disc; /* 设置为实心点 */
}
li {
  list-style: circle; /* 设置为空心圆 */
} 

其中none表示去掉点;disc表示实心点,circle表示空心圆。

如果需要去掉全部li标签的点,可以这样写:

ul, ol {
  list-style: none;
} 

这样就可以去掉所有的li标签的点,而不必逐个去写。

需要注意的是,如果要去掉li标签的点,最好给li标签设置一些 padding 或 margin,否则在一些浏览器上容易出现格式不美观的问题。

文章说明:

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

题图来自Unsplash,基于CC0协议

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

评论列表 评论
发布评论

评论: css中 去li标签前的点

粉丝

0

关注

0

收藏

0

已有0次打赏