html中列表标签ul、ol、 dl的使用和介绍
围绕CSS中的列表,ul,ol,dl知识进行介绍
·
一、UL列表介绍
ul 是无需列表,li列表里面的一条值,例如
<ul>
<li>中国</li>
<li>四川</li>
<li>成都</li>
</ul>
效果如下:
可以改变前面li的样式,通过给ul添加样式,其中代码如下
<ul style="list-style-type: lower-greek">
<li>中国</li>
<li>四川</li>
<li>成都</li>
</ul>
运行效果如下:
二、OL列表介绍
ol有序列表,每一列都有标号,li是列表的某列数据。其代码如下
<ol>
<li>中国</li>
<li>四川</li>
<li>成都</li>
</ol>
运行效果如下:
可以改变前面li的样式,通过给ol添加样式,其中代码如下
<ol style="list-style-type:lower-alpha">
<li>中国</li>
<li>四川</li>
<li>成都</li>
</ol>
运行效果如下:
三DL列表介绍
dl自定义标签,dt标签的第一列标题, dd列表的某列值。其代码如下
<p>
自定义标签
</p>
<dl>
<dt>中国</dt>
<dd>
四川</dd>
<dd>
成都</dd>
</dl>
运行效果如下:
定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列
更多推荐
已为社区贡献1条内容
所有评论(0)