无序列表和有序列表介绍


首先我们来看一下他们的使用格式:

无序列表:

<ul>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
</ul>

功能:

<ul>无序条列清单的开始

</ul>表示结束
<li></li>表示一个项目.
<li>的属性


属性名称属性值说明

格式:<li type="属性值">...</li>
我们看一下常用的type值:

dise 实心圆(默认值)
circle 空心圆
square 实心方块

有序列表

<ol>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
</ol>

功能:

<ol>有序条列清单的开始
</ol>表示结束
<li></li>表示一个项目
<ol>的属性


属性名称属性值说明

格式:<li type="属性值">...</li>

我们看一下常用的type值:

1 表示以1,2,3,4 来表示
a 表示以a,b,c,d 来表示
A 表示以A,B,C,D 来表示
i 表示以i,ii ,iii 来表示
I 表示以I,II,III 来表示

只要掌握了上面介绍的内容,我们就可以熟练的使用列表了


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3