css清單除了ul還有哪幾種樣式

css列表除了有ul（無序列表）樣式外，還有：1、有序列表樣式，使用“

”標籤定義，每個列表項目都用“
1. ”標籤定義；2、自訂清單樣式，使用「

   」標籤定義，每個自訂清單項目以「

   」標籤定義。

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

css清單有三種樣式：

• ul無序列表

• ol有序列表

• dl自訂清單

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

有序列表

有序清單是一列項目，清單項目使用數字進行標記。有序列表始於

標籤，每個列表項目始於
1. 標籤。

   清單項目預設使用數字來標記。

   <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   原始的喬治亞編號方式 , 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>Coffee</dt>
     <dd>黑热饮</dd>
     <dt>Milk</dt>
     <dd>白冷饮</dd>
   </dl>

   ############（學習影片分享：###css影片教學###）###

以上是css清單除了ul還有哪幾種樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！