---
# System prepended metadata

title: "\U0001F35A CSS 稀飯版練習"
tags: [Layout, CSS, HTML]

---

# 🍚 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)