在CSS排版中怎样把列表前面的点去掉?

html-css017

在CSS排版中怎样把列表前面的点去掉?,第1张

1、用list-style属性就可去掉点。操作方法是首先打开html编辑器,新建一个html文档,里面新建一个无序列表:

2、然后在上方引入style标签,在里面设置样式,这里设置一下背景色和字体方便观察效果,再设置li标签的list-style属性的值为none,设置完保存打开浏览器:

3、最后在浏览器中就可以看到效果了,此时出现的就是没有点的列表了:

你好,你所展示的代码中有几种点。\x0d\x0a1).DesignMode .zoneTopMenu .CMSListMenuUL\x0d\x0a这上面的是CSS中的类的选择符,表示对标签中有class=“DesignMode ”下面的子元素中有class=“zoneTopMenu”的子元素中有class=“CMSListMenuUL”进行样式定义。\x0d\x0a2)处的点代表相对目录\x0d\x0a.代表当前目录\x0d\x0a..代表父级目录(上级目录)\x0d\x0a\x0d\x0a不知道你有没有理解!希望对你有所帮助!:)

.header .rlink ul li.r3 a

带点的是自定义的样式名称,几个点的并列着写(有空格)意思是带.header 这个样式的元素里的 带.rlink样式的元素,就是容器包着容器,.header容器里的.rlink容器。比如:

<div class="header">

<div class="rlink"></div>

</div>

不带点的是html元素,意思是 .rlink样式下的ul元素。以此类推。ul 下面的li

li.r3 中间无空格意思是<li class="r3">本li的样式是r3

li.r3 a 意思是带r3样式的li里的a元素。

<div class="header">

<div class="rlink">

<ul>

<li class="r3">

<a href="#"></a>

</li>

</ul>

</div>

</div>