韶华小苑 |

时光不负终不老

您现在的位置是: 首页 > 文章 >

ul 和 ol 区别(转)

ul 和 ol 区别(转)

大帅哥 2020-09-11 暂无评论 前端 3

ul是无序列表,全称是unordered list
ol是有序列表 ,全称是ordered list

ul 无序列表 实例

<ul>
    <li>qq1</li>
    <li>qq2</li>
</ul>

显示效果为:

  • qq1
  • qq2

ol 有序列表 实例

<ol>
    <li>qq1</li>
    <li>qq2</li>
</ol>

显示效果为:

  1. qq1
  2. qq2

注意:

  1. ul与ol前的符号是可以修改的。只需要修改它们的type值。
  2. ul的type属性有:disc—实心圆(默认)、circle—空心圆、square—实心方块
  3. ol的type属性有:1—数字(默认)、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。
  4. 通过CSS也可以在将它们前的符号改为图片,这样列表显示就会更美观了。
  5. ul 是块级元素可以定义宽和高 ,li表示行排列不能单独使用,需要在ul和ol里面,配合使用。

本文转自https://www.cnblogs.com/chaojiyingxiong/p/9794825.html

本文链接: https://hw13.cn/b98e54c8380557a4254d6f5050a963b9.html 最后修改时间: 2020-09-27 20:02:37

瞅我来气不?用红包砸死我吧

赞赏作者
扫一扫支付