【定义和用法】li 标签定义列表项。

li 标签用于有序列表 (ol)、无序列表 (ul) 和菜单列表 (menu) 中。

在 ul 和 menu 中，列表项通常会用项目符号显示。

在 ol 中，列表项通常会以数字或字母显示。

提示：请使用 CSS 来设置列表样式。

【实例】例子 1

一个有序 (ol) 和一个无序 (ul) 的 HTML 列表：

代码语言：javascript复制

1. 咖啡
2. 茶
3. 牛奶

• 咖啡
• 茶
• 牛奶

例子 2

在有序列表中使用 value 属性：

代码语言：javascript复制

100. 咖啡
101. 茶
102. 牛奶
103. 纯水
104. 果汁
105. 啤酒

例子 3

设置不同的列表样式类型(使用 CSS)：

代码语言：javascript复制

1. 咖啡
2. 茶
3. 牛奶

• 咖啡
• 茶
• 牛奶

例子 4

在列表中创建一个列表(嵌套列表)：

代码语言：javascript复制

• 咖啡
• 茶

  • 普洱
  • 绿茶

• 牛奶

例子 5

创建一个更复杂的嵌套列表：

代码语言：javascript复制

• 咖啡
• 茶

  • 普洱
  • 绿茶

    • 碧螺春
    • 龙井

• 牛奶

【属性】value：数字

仅适用于 ol 列表。规定列表项的起始值。随后的列表项将从该数字递增。

【默认的 CSS 设置】大多数浏览器将使用以下默认值显示 li 元素：

代码语言：javascript复制li {

display: list-item;}

皮肤出油严重，脸颊又干到起皮怎么回事?
如何有效掌握压弯技巧与方法指南