利用 CSS 類別樣式完成動態按鈕

使用方式：
<a class="link-button button-xxx">被連結的文字</a> 其中 xxx 請以上方圖例英文字代入

範例：　關於我們

<a class="link-button button-red">關於我們</a>

 

---

將「按鈕超連結樣式」和「圖示超連結樣式」結合

使用方式：
<a class="link-button button-xxx"><span class="link-icon jsn-icon-yyy">被連結的文字</span></a> 其中 xxx 和 yyy 分別代入按鈕、圖示超連結樣式

範例：　聯絡信箱

<span class="link-button button-green"><a class="link-icon jsn-icon-mail">聯絡信箱</a></span>

 

 

• 文章
• 樣式
• 超連結樣式