本文共 953 字，大约阅读时间需要 3 分钟。

无序列表

使用HTML中的 <ul> 标签创建无序列表。无序列表可以通过 <li> 标签为列表项添加内容。默认情况下，无序列表会在列表项前面显示一个小圆点（或其他图标），这种显示方式可以通过设置 type 属性来更改。

列表项样式

可以使用 type 属性来定制列表项前面的图标样式。常见的 type 值包括：

• circle：显示圆点
• square：显示方块
• none：去掉所有图标（如下所示）
• disc：显示圆圈
• image：使用外部图片作为图标

对于某些特定的布局或样式需求，可以选择不使用默认的图标，而选择进一步定制样式。

在某些情况下，为了完全去掉无序列表的默认样式，可以直接在 <ul> 标签中设置 list-style: none。如果需要更详细地定制列表样式，可以通过在 <li> 标签中设置 style="background-image: url('图片地址')" 实现。

有序列表

有序列表通过使用 <ol> 标签创建。有序列表的每一项都会自动带有编号（数字、字母或罗马数字），这些编号由 type 属性控制。

以下是 type 的常见值：

• decimal：从 1 开始递增的数字编号
• circle：使用圆点编号（1、2、3...或 a、b、c...)
• lower-alpha：使用小写字母编号
• upper-alpha：使用大写字母编号
• lower-roman：使用小写罗马数字编号
• upper-roman：使用大写罗马数字编号

可以通过结合 start 属性来设置编号的起始值。

定义列表

使用 <dl> 标签创建定义列表。定义列表由 <dt>（定义项）和 <dd>（定义描述）组成。每个 <dt> 可以描述一个概念，而每个 <dd> 描述该概念的具体内容。以下是定义列表的一些示例：

   
  
    
     HTML
    
  
    
     超文本标记语言（W3C标准化的标记语言）
    
  
  
    
     CSS
    
  
    
     层叠样式语言（用以为网页内容编写样式和布局）
    
   

这种结构可以用于制作术语生词典或快速参考资料。

通过合理运用 <ul>、<ol> 和 <dl> 标签，开发者可以为网页内容添加清晰的组织结构，使页面更易读。