CSS 動態背景、3D 翻轉卡片、翻頁、抽獎滾輪：四個效果一次學，手機和減少動態都顧到
首頁想要會流動的漸層背景、服務卡片翻過來看說明、像翻書的效果、活動頁的抽獎動畫，不想裝外掛？這篇給台灣的店家四段實測過的 CSS 和一小段 JavaScript，電腦、手機都試過，而且尊重使用者的「減少動態效果」設定。
- LINE客服
- 歡迎加入Line
CSS 美化教學
用 CSS 讓網站更好看：斜切和波浪分隔線、網頁動畫、配色、方案價目表、放影片的版面，還有網頁設計靈感怎麼找，附上可以直接套用的程式碼。
共 12 篇
網站圖示怎麼放：Font Awesome、SVG、WordPress 內建 Dashicons，選單加圖示和小字
網站想放購物車、電話、LINE 這些小圖示，要裝整套 Font Awesome 嗎？這篇給臺北的店家三種做法的取捨：內建的 Dashicons、Font Awesome、直接貼 SVG，再用一段實測過的程式碼讓選單項目加圖示、「NEW」徽章和一行小字。
網站中文字型怎麼選：授權看哪裡、自架怎麼做、12 MB 的字型檔怎麼變成 78 KB
想讓網站用一套有個性的中文字型，又怕侵權、怕網站變慢？這篇給台灣的店家和創作者一份實用整理：哪些中文字型可以免費商用、怎麼讀授權條款、自架字型的 CSS 怎麼寫、為什麼要子集化，我們實際把 12 MB 的思源黑體切到 78 KB 給你看。
常見問題摺疊怎麼做？WordPress 內建區塊加一點 CSS，再加漸層框線、光框按鈕、表單框線
常見問題一長串，客人滑不到底就離開了。這篇教臺北的店家用 WordPress 內建的「開闔式內容」「詳細資料」區塊做摺疊，再用 CSS 加上漸層框線卡片、會轉的光框按鈕和表單框線，全部在 Chrome 的電腦和手機寬度測過。
網頁設計靈感怎麼找？看別人的網站要看什麼
想要網站好看一點，卻說不出哪裡要改？這篇整理我們在網頁設計課上教學員「看別人的網站」的方法：去哪裡找參考、看主視覺、標題、色彩、排版的哪些地方，再用幾個簡單的心理學原則，說明好用的網站為什麼那樣排。給臺北想自己動手改網站的店家和創作者。
網站的方案價目表怎麼做：三欄比較、推薦方案、手機自動排成一欄
課程、會員、服務方案要放上網站，用一張圖片最省事，卻改價格很麻煩、手機上也看不清楚。這篇教新北的教室、工作室用 HTML 和 CSS 做一個三欄方案價目表，說明推薦方案、方案命名、比較項目的排法，貼進 WordPress 就能用。
網站放影片的三種做法：YouTube 嵌入、首頁背景短片、點按鈕彈出播放
形象影片放到網站上，結果網站變慢、手機不播、聲音突然響？這篇教臺北的品牌和工作室三種放影片的做法：YouTube 嵌入、首頁自動播放的背景短片、點按鈕才彈出的影片視窗，附上測試過的程式碼和要注意的細節。
網站配色怎麼選？用 60-30-10 和對比度，配出不亂的顏色
網站顏色越加越多，最後看起來又花又亂。這篇從品牌色出發，教台灣小品牌用 Coolors 配出一組色盤、用 60-30-10 分配比例、用對比度檢查文字看不看得清楚，並用 MIMI 自己網站的顏色實際算給你看。
網頁動畫怎麼用才不會太花？文字動畫、按鈕效果和慶祝特效
網頁動畫用得好能引導視線，用太多只會讓人頭暈。這篇教新北店家用幾行 CSS 做標題浮出、螢光筆重點、會回應的按鈕，在感謝頁加一次慶祝紙花，並照顧「減少動態效果」的使用者。
網頁區塊不想都是長方形？斜切、斜色帶、波浪分隔線的 CSS 做法
網頁一段一段都是方塊，看起來很呆板。這篇用 MIMI 首頁實際用的三種做法，教你用 CSS 做斜切色塊、傾斜色帶和 SVG 波浪邊，附上手機版要注意的地方，最後提醒動態背景特效為什麼要節制。
網頁設計如何在 WordPress 中將影片居中對齊呢
在 WordPress 用「新增媒體」插入的影片沒辦法置中？在佈景主題的 CSS 加上一段 .wp-video 樣式，就能讓影片置中對齊。
教您刪除 WordPress 編輯器自動產生的多餘 p 和 br
WordPress 編輯器會自動把換行變成多餘的 p 和 br 標籤嗎？不用外掛，在 functions.php 加兩行 remove_filter 就能關掉；如果只想處理單一頁面，也可以用 CSS 隱藏該頁的 br。
看完文章想直接找人做？網站製作、購物網站，都可以交給 MIMI。
CONTACT US網站製作、改版，都歡迎和 MIMI 聊聊