有序列表樣式

預設有序列表標籤

  1. 有序列表項目 1
  2. 有序列表項目 2
  3. 有序列表項目 3

使用方式：
<ol><li>...</li></ol>

<ol>
  <li>有序列表項目 1</li>
  <li>有序列表項目 2</li>
  <li>有序列表項目 3</li>
</ol>

 

編號列表樣式

藍色數字方塊
  • 藍色數字方塊項目 1
  • 藍色數字方塊項目 2
  • 藍色數字方塊項目 3

使用方式：
<ul class="list-number-bullet bullet-blue"><li>...</li></ul>

 

綠色數字方塊
  • 綠色數字方塊項目 1
  • 綠色數字方塊項目 2
  • 綠色數字方塊項目 3

使用方式：
<ul class="list-number-bullet bullet-green"><li>...</li></ul>

 

灰色數字方塊
  • 灰色數字方塊項目 1
  • 灰色數字方塊項目 2
  • 灰色數字方塊項目 3

使用方式：
<ul class="list-number-bullet bullet-grey"><li>...</li></ul>

 

橘色數字方塊
  • 橘色數字方塊項目 1
  • 橘色數字方塊項目 2
  • 橘色數字方塊項目 3

使用方式：
<ul class="list-number-bullet bullet-orange"><li>...</li></ul>

 

紅色數字方塊
  • 紅色數字方塊項目 1
  • 紅色數字方塊項目 2
  • 紅色數字方塊項目 3

使用方式：
<ul class="list-number-bullet bullet-red"><li>...</li></ul>

 

紫色數字方塊
  • 紫色數字方塊項目 1
  • 紫色數字方塊項目 2
  • 紫色數字方塊項目 3

使用方式：
<ul class="list-number-bullet bullet-violet"><li>...</li></ul>

 

藍色數字放大
  • 藍色數字放大項目 1
  • 藍色數字放大項目 2
  • 藍色數字放大項目 3

使用方式：
<ul class="list-number-digit digit-blue"><li>...</li></ul>

 

綠色數字放大
  • 綠色數字放大項目 1
  • 綠色數字放大項目 2
  • 綠色數字放大項目 3

使用方式：
<ul class="list-number-digit digit-green"><li>...</li></ul>

 

灰色數字放大
  • 灰色數字放大項目 1
  • 灰色數字放大項目 2
  • 灰色數字放大項目 3

使用方式：
<ul class="list-number-digit digit-grey"><li>...</li></ul>

 

橘色數字放大
  • 橘色數字放大項目 1
  • 橘色數字放大項目 2
  • 橘色數字放大項目 3

使用方式：
<ul class="list-number-digit digit-orange"><li>...</li></ul>

 

紅色數字放大
  • 紅色數字放大項目 1
  • 紅色數字放大項目 2
  • 紅色數字放大項目 3

使用方式：
<ul class="list-number-digit digit-red"><li>...</li></ul>

 

紫色數字放大
  • 紫色數字放大項目 1
  • 紫色數字放大項目 2
  • 紫色數字放大項目 3

使用方式：
<ul class="list-number-digit digit-violet"><li>...</li></ul>

 

 

 

Go to top