預設無序列表標籤

  • 無序列表項目 1
  • 無序列表項目 2
  • 無序列表項目 3

使用方式:
<ul><li>...</li></ul>

<ul>
<li>無序列表項目 1</li>
<li>無序列表項目 2</li>
<li>無序列表項目 3</li>
</ul>

 


箭頭列表樣式

紅色箭頭
  • 紅色箭頭列表項目 1
  • 紅色箭頭列表項目 2
  • 紅色箭頭列表項目 3

使用方式:
<ul class="list-arrow arrow-red"><li>...</li></ul>

 

綠色箭頭
  • 綠色箭頭列表項目 1
  • 綠色箭頭列表項目 2
  • 綠色箭頭列表項目 3

使用方式:
<ul class="list-arrow arrow-green"><li>...</li></ul>

 

藍色箭頭
  • 藍色箭頭列表項目 1
  • 藍色箭頭列表項目 2
  • 藍色箭頭列表項目 3

使用方式:
<ul class="list-arrow arrow-blue"><li>...</li></ul>

 


圖示列表樣式

使用方式:
<ul class="list-icon jsn-icon-xxx"><li>...</li></ul>其中 xxx 請參考文章:「圖示超連結樣式」代入

文章圖示
  • 文章圖示列表項目 1
  • 文章圖示列表項目 2
  • 文章圖示列表項目 3

使用方式:
<ul class="list-icon jsn-icon-article"><li>...</li></ul>

 

資料夾圖示
  • 資料夾圖示列表項目 1
  • 資料夾圖示列表項目 2
  • 資料夾圖示列表項目 3

使用方式:
<ul class="list-icon jsn-icon-folder"><li>...</li></ul>

 

 

 

Go to top