利用css控制html中的列表格式
在html中,可以使用ol/ul/dl显示各种列表信息。其中ol是有序列表,也就是每个列表项前标有数字,表示顺序;ul是无序列表,默认情况每个列表项前有黑圆点;而dl则是定义列表,主要用于术语解释。三种列表的具体用法,网络上已经有很多的教程,这里不打算详细说明。
一般情况下,无序列表ul的使用比较多,有个时候,不想在列表项前显示那个黑点,或者想显示成其他的标志,如空心圆点、空心方块等,这可以通过设置ul的属性type来设定。
<ul type="disc">
<li>列表项1</li>
<li>列表项2</li>
</ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
其中:
- type=disc 黑圆点,默认风格
- type=circle 空心圆点
- type=square 空心方块
- type=none 不显示任何标志