[筆記] Tailwind css – 留言按鈕實作

從 Tailwind CSS 問世以來，也經歷過了數年發展來到第 3 代。這回筆記下 tailwind css 實作一個留言按鈕。

---

內容

1. 撰寫時可以先憑經驗調整，最後再用 @apply 的用法來抽出共用的 CSS 段落

程式碼

https://github.com/andy922200/tailwindcss-3-learning/tree/message-btn

---

系列文章

[筆記] Tailwind css 3.0 從零開始 – 架設開發環境 – 1

[筆記] Tailwind css – 自適應 RWD 的開發 Best Practice

[筆記] Tailwind css – 含 RWD 的三欄式卡片製作

[筆記] Tailwind css – 偽類變體和 Variants

[筆記] Tailwind css – 使用預設樣式和修改它

[筆記] Tailwind css – 使用官方定義樣式

[筆記] Tailwind css – Utility-First 功能優先初體驗

[筆記] Tailwind css – Utility Class 設定響應式

[筆記] Tailwind css – JIT Just-In-Time Mode 模式簡介

[筆記] Tailwind css – Dark Mode 深色模式

按讚加入粉絲團

延伸閱讀

• [筆記] 程式必修課！離散數學與演算法 – 22
• [筆記] 程式必修課！離散數學與演算法 – 21
• [筆記] Vue3 實作類似 Checkbox 的 Radio 元件
• [筆記] 程式必修課！離散數學與演算法 – 16
• [筆記] 程式必修課！離散數學與演算法 – 15