css列表除了ul還有什么樣式

這篇文章主要講解了“css列表除了ul還有什么樣式”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“css列表除了ul還有什么樣式”吧！

css列表除了有ul（無序列表）樣式外，還有：1、有序列表樣式，使用“<ol>”標簽定義，每個列表項用“<li>”標簽定義；2、自定義列表樣式，使用“<dl>”標簽定義，每個自定義列表項用“<dt>”標簽定義。

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

css列表有三種樣式：

• ul無序列表

• ol有序列表

• dl自定義列表

因此css列表除了有ul（無序列表）樣式外，還有：ol有序列表樣式和dl自定義列表樣式。

有序列表

有序列表是一列項目，列表項目使用數字進行標記。 有序列表始于 <ol> 標簽，每個列表項始于 <li> 標簽。

列表項默認使用數字來標記。

<ol>
<li>第一個列表項</li>
<li>第二個列表項</li>
<li>第三個列表項</li>
</ol>

列表項的樣式可以使用list-style-type屬性來設置，該屬性設置列表項標記的類型。

• decimal-leading-zero    0開頭的數字標記。(01, 02, 03, 等。)

• lower-roman    小寫羅馬數字(i, ii, iii, iv, v, 等。)

• upper-roman    大寫羅馬數字(I, II, III, IV, V, 等。)

• lower-alpha    小寫英文字母The marker is lower-alpha (a, b, c, d, e, 等。)

• upper-alpha    大寫英文字母The marker is upper-alpha (A, B, C, D, E, 等。)

• lower-greek    小寫希臘字母(alpha, beta, gamma, 等。)

• lower-latin    小寫拉丁字母(a, b, c, d, e, 等。)

• upper-latin    大寫拉丁字母(A, B, C, D, E, 等。)

• hebrew    傳統的希伯來編號方式

• armenian    傳統的亞美尼亞編號方式

• georgian    傳統的喬治亞編號方式(an, ban, gan, 等。)

• cjk-ideographic    簡單的表意數字

• hiragana    標記是：a, i, u, e, o, ka, ki, 等。（日文平假名字符）

• katakana    標記是：A, I, U, E, O, KA, KI, 等。（日文片假名字符）

• hiragana-iroha    標記是：i, ro, ha, ni, ho, he, to, 等。（日文平假名序號）

• katakana-iroha    標記是：I, RO, HA, NI, HO, HE, TO, 等。（日文片假名序號）

ol{
	list-style-type:lower-roman;
}

自定義列表

自定義列表不僅僅是一列項目，而是項目及其注釋的組合。

自定義列表以 <dl> 標簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。

<dl>
  <dt>Coffee</dt>
  <dd>黑熱飲</dd>
  <dt>Milk</dt>
  <dd>白冷飲</dd>
</dl>

感謝各位的閱讀，以上就是“css列表除了ul還有什么樣式”的內容了，經過本文的學習后，相信大家對css列表除了ul還有什么樣式這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！