HTML 列表进阶 — 无序/有序/描述列表

ul/ol/li 的 type 属性、嵌套列表、自定义样式 · 难度：入门 · +15XP

HTML 列表进阶

无序列表（ul）类型

<ul style="list-style-type:disc">   <!-- 实心圆（默认）-->
<ul style="list-style-type:circle"> <!-- 空心圆 -->
<ul style="list-style-type:square"> <!-- 方块 -->
<ul style="list-style-type:none">   <!-- 无标记 -->

有序列表（ol）类型

<ol type="1">   <!-- 1,2,3（默认）-->
<ol type="A">   <!-- A,B,C -->
<ol type="a">   <!-- a,b,c -->
<ol type="I">   <!-- I,II,III -->
<ol start="5"> <!-- 从5开始 -->

嵌套列表

<ul>
  <li>前端
    <ol>
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
    </ol>
  </li>
</ul>

描述列表（dl/dt/dd）

<dl>
  <dt>HTML</dt><dd>网页结构语言</dd>
  <dt>CSS</dt><dd>网页样式语言</dd>
</dl>