# 🍚 CSS 稀飯版練習 Preface ------- + [Preface](/@RogelioKG/rice_congee_preface) + [Cool Design](/@Rogeliokg/rice_congee_cool_design) Daily Mission ------------- + [Day 1 - 圖文滿版區塊](/@RogelioKG/rice_congee_day1) + [Day 2 - 互動圖文卡片](/@RogelioKG/rice_congee_day2) + [Day 3 - 人員介紹卡片](/@RogelioKG/rice_congee_day3) + [Day 4 - 交錯漂浮版](/@RogelioKG/rice_congee_day4) + [Day 5 - 超通用橫式版面](/@RogelioKG/rice_congee_day5) + [Day 6 - 網頁頁尾版塊](/@RogelioKG/rice_congee_day6) + [Day 7 - 導覽列](/@RogelioKG/rice_congee_day7) + [Day 8 - (SKIP)](/@RogelioKG/rice_congee_day8) + [Day 9 - 麵包屑](/@RogelioKG/rice_congee_day9) + [Day 10 - 方塊酥版面](/@RogelioKG/rice_congee_day10) + [Day 11 - 破格式設計](/@RogelioKG/rice_congee_day11) + [Day 12 - 表格](/@RogelioKG/rice_congee_day12) + [Day 13 - 側邊選單](/@RogelioKG/rice_congee_day13) + [Day 14 - 收合式側邊選單](/@RogelioKG/rice_congee_day14) + [Day 15 - 收合式多層次側邊選單](/@RogelioKG/rice_congee_day15) + [Day 16 - 訂單進度條](/@RogelioKG/rice_congee_day16) + [Day 17 - 登入表單](/@RogelioKG/rice_congee_day17) + [Day 18 - 訊息對話紀錄](/@RogelioKG/rice_congee_day18) + [Day 19 - 時間軸](/@RogelioKG/rice_congee_day19) + [Day 20 - 旋轉拼接方塊](/@RogelioKG/rice_congee_day20) + [Day 21 - 不規則邊緣](/@RogelioKG/rice_congee_day21) + [Day 22 - (SKIP)](/@RogelioKG/rice_congee_day22) + [Day 23 - (SKIP)](/@RogelioKG/rice_congee_day23) + [Day 24 - (SKIP)](/@RogelioKG/rice_congee_day24) + [Day 25 - (SKIP)](/@RogelioKG/rice_congee_day25) + [Day 26 - (SKIP)](/@RogelioKG/rice_congee_day26) + [Day 27 - (SKIP)](/@RogelioKG/rice_congee_day27) + [Day 28 - (SKIP)](/@RogelioKG/rice_congee_day28) + [Day 29 - (SKIP)](/@RogelioKG/rice_congee_day29) + [Day 30 - 金魚變鯊魚<br />(🐟合格金魚)](/@RogelioKG/rice_congee_day30)
{"lang":"zh-TW","showTags":"true","title":"🍚 CSS 稀飯版練習","description":"稀飯版，是跟吃稀飯一樣簡單的版型。\n連簡單的版型都不會自己切，要怎麼切好其他千變萬化的版型？","image":"https://hackmd.io/_uploads/B1x42qGGZx.png","contributors":"[{\"id\":\"dd7526e7-48fc-4add-bf34-cea1de2571e5\",\"add\":1938,\"del\":271,\"latestUpdatedAt\":1765088523439}]"}
Expand menu