css中怎么取消掉“li”前面的点?

html-css019

css中怎么取消掉“li”前面的点?,第1张

给li加上list-style:none这个CSS样式就可以去掉了!

list-style这个属性就是控制

的列表项目标记,默认是实心点,相当于加上了list-style:disc

设置li标签的list-style属性为none

如下例子

li标签在没有设置li{list-style:none}的时候,前面是有圆点的,设置之后,圆点消失

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Document</title>

<style>

  li{list-style: none}/*这里设置*/

</style>

</head>

<body>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

</body>

</html>

这个是CSS样式问题!在CSS里li属性下会有一个 list-style-type 该属性定义 li 前面是否有圆点或者其他列表数字等!

例如:list-style:none 出来的效果就是下面这个样子的!

而如果将该CSS样式中的list-style改为:list-style:disc 则出来就是这样的效果:

具体的表述方法主要有以下这几种:

list-style-type :

disc 默认值。实心圆

circle 空心圆

square 实心方块

decimal 阿拉伯数字

lower-roman 小写罗马数字

upper-roman 大写罗马数字

lower-alpha 小写英文字母

upper-alpha 大写英文字母

none 不使用项目符号

所以,想去掉list前面的符号或者黑点,只要找到CSS中的list-style将其样式进行修改即可!