HTML无序列表

参考资料

1. HTML 多媒体
2. HTML 外部样式
3. HTML高度与宽度设置 Iframe
4. HTML 内部样式表
5. 如何添加按钮的过渡动画效果？
6. HTML 图像
7. html结构标签详细说明以及案例
8. HTML 用于短的引用

HTML无序列表（Unordered List）

1. 详细介绍：

• 用于展示一组没有特定顺序的项目

• 默认每个列表项前显示实心圆点（bullet point）

• 是HTML中常用的列表类型之一

2. 主要标签：

• - 定义无序列表容器

• - 定义列表项（list item）

• list-style-type: 改变项目符号样式（disc|circle|square|none）

• list-style-image: 使用自定义图片作为项目符号

• list-style-position: 控制符号位置（inside|outside）

• margin/padding: 控制列表间距

• 示例：
  ul {
  list-style-type: square;
  list-style-position: inside;
  padding-left: 20px;
  }
  li {
  margin-bottom: 5px;
  }

• 自动缩进列表内容

• 自动添加项目符号

• 支持嵌套其他列表

• 语义化标记内容

• 苹果

• 香蕉

• 橙子

• 第一项

• 第二项

• 第三项

6. CSS扩展：

5. 功能特点：

4. 实例：

3. 基本用法：