css中怎么能在文字前的中间加个点号

html-css09

css中怎么能在文字前的中间加个点号,第1张

方法有:

1、用图片

2、用中文标点符号(•)

3、用<li>标签(推荐!)

4、给其他标签增加下述css属性,也可实现类似li标签的功能:

<div style="display:list-itemlist-style-type:discmargin-left:2em">文字文字文字</div>

在css中前面必须加点或者井号(. #)如果是加入到div里的class中(<div class="table"></div>)class是调用类名 也就是css中.table带点的 (<div id="table"></div>)id是调用带#的 #table

.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>