CSS中有三種列表類型:無序列表、有序列表和定義列表。
無序列表使用圓點、方點或圖片符號來表示列表項,通常用于顯示項目之間的關系,而不是按順序組織。HTML代碼如下:
<ul> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> </ul>無序列表的CSS樣式代碼如下:
ul { list-style-type: disc; /* 用圓點表示 */ list-style-type: square; /* 用方點表示 */ list-style-type: none; /* 不顯示符號 */ list-style-image: url("filename.gif"); /* 可以用圖片符號表示 */ }有序列表使用數字、大寫字母或小寫字母來表示列表項,通常用于按順序組織項目。HTML代碼如下:
<ol> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> </ol>有序列表的CSS樣式代碼如下:
ol { list-style-type: decimal; /* 數字 */ list-style-type: upper-alpha; /* 大寫字母 */ list-style-type: lower-alpha; /* 小寫字母 */ list-style-type: none; /* 不顯示符號 */ }定義列表使用術語和定義來表示列表項,通常用于解釋術語和概念。HTML代碼如下:
<dl> <dt>術語1</dt> <dd>定義1</dd> <dt>術語2</dt> <dd>定義2</dd> <dt>術語3</dt> <dd>定義3</dd> </dl>定義列表的CSS樣式代碼如下:
dl { margin-top: 0; margin-bottom: 1rem; } dt { font-weight: bold; } dd { margin-left: 0; }以上是CSS中三種列表類型的介紹,可以根據需要選擇合適的列表類型來呈現內容。