学习笔记
- 有序列表:ol
-
- 基本使用:
- 嵌套使用
- 扩展:使用CSS改变序号类型
- 无序列表:ul
-
- 基本使用
- 扩展:使用CSS改变符号类型
- 扩展:使用CSS定制列表样式
- 描述列表:dl
-
- 基本使用
- 扩展:使用CSS定制类型格式
- 总结
有序列表:ol
有序列表由<ol>
标签包裹一组<li>
(列表项)标签组成
有序列表通常用于展示有特定顺序的项目集合,比如步骤说明、排名列表等。
基本使用:
示例:
<body>
<ol>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ol>
</body>
展示效果:
也可以使用type
属性改变序号样式
示例:
<body>
<ol type="I" >
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ol>
</body>
展示效果:
嵌套使用
示例:
<body>
<ol>
<li>列表项