---
# System prepended metadata

title: "\U0001F3C5 Day 3 - CSS 選擇器運用"
tags: [網頁切版直播班 - 2023 夏季班]

---

### 類別選擇器
在 HTML 標籤命名 class（一個 HTML 標籤可以有多個 class），
並在 CSS 中運用 `.` 來設定樣式。像是：
```htmlembedded=
<p class="text">類別選擇器</p>
```
```css=
.text {
    color: #ffffff;
}
```

### 擬態選擇器
- **:hover** : 滑鼠滑過時的樣式
- **:active** : 滑鼠按下的樣式
- **:focus** : 聚焦時的樣式

通常運用在連結、按鈕、表單輸入，可以增加使用者體驗

### 題目
請運用類別選擇器，將下方標籤呈現出如圖中的樣式，
![](https://i.imgur.com/jhNfYFe.png)

並嘗試自行運用 hover、active、focus 來改變樣式。
```htmlembedded=
<a href="#" class=""> CSS 選擇器運用 </a>
```




## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）

![](https://i.imgur.com/vftL5i0.png)

<!-- 解答：https://codepen.io/hexschool/pen/yLvrmGz -->

回報區
---


| #   |    Discord    |                         CodePen / 答案                          |
| :-: |:博派變形金剛#0959-------------:|:https://codepen.io/chan-chen/pen/ZEmaWWm---------------------------------------------------------------:|
| 1   |   阿榮#8277   |      [Codepen](https://codepen.io/codeitaday/pen/xxQqVGP)       |
| 2   |  Beriln#7338  |       [Codepen](https://codepen.io/3qberlin/pen/YzRZqyJ)        |
| 3   | Ann Chou#0146 |     [Codepen](https://codepen.io/annchou_illu/pen/oNQZxXd)      |
| 4   | Morning#7336  | [Codepen](https://codepen.io/sxzjnkxs-the-styleful/pen/ExOWKKw) |
| 5   | billy_ti#9716 |        [Codepen](https://codepen.io/Ti-Show/pen/poQeybb)        |
| 6   | Moreene#6720  |        [CodePen](https://codepen.io/Moreene/pen/mdQWPPv)        |
| 7   |  Kulimusoda   |      [CodePen](https://codepen.io/yuch3n_chen/pen/PoxpNPv)      |
| 8   |   Ning#5213   | [CodePen](https://codepen.io/ninghsu/pen/JjeWXYp?editors=1100)  |
| 9   |    hebin.     |     [Codepen](https://codepen.io/landyhsiao776/pen/mdQWPRg)|
| 10   |    SKey#9905     |     [Codepen](https://codepen.io/Dale-Chien/pen/XWyMdja)|
| 11   |    zhu.lin     |     [CodePen](https://codepen.io/codepenplayer/pen/vYQxGmb)|
| 12  |    m_m#5493   |        [CodePen](https://codepen.io/minnn7716/pen/Rwqpajm)      |
| 13   |   Vic_liou   | [CodePen](https://codepen.io/allenliou-java/pen/eYQvZeG)  |
| 14   |   pinyi_9   | [CodePen](https://codepen.io/Wpypy/pen/xxQqVwp)  |
| 15   |   hannahTW#2224   | [CodePen](https://codepen.io/hangineer/pen/RwqpaGv)  |
| 16   |   .icesam  | [CodePen](https://codepen.io/icesam/pen/NWEpNYN)  |
|17|meowmeow#1967|[CodePen](https://codepen.io/snow1224/pen/gOQmrjO)|
| 18 | stevenchang421 | [Codepen](https://codepen.io/vwtrpqmm/pen/eYQvZre) |
| 19 | AYA | [Codepen](https://codepen.io/NoNameNote/pen/xxQqVXj) |
| 20 | 圈圈 | [Codepen](https://codepen.io/wjejfczn-the-bold/pen/xxQqVjJ) |
| 21 | Rochel#4754 | [Codepen](https://codepen.io/rochelwang1205/pen/ZEmeWRX)|
| 22 | 莉塔#8500 | [Codepen](https://codepen.io/RitaWeng/pen/yLQMOqX) |
| 23 | Tina02#2691 | [Codepen](https://codepen.io/chjitlox-the-bashful/pen/mdQWPQb) |
| 24 | ann6212 | [Codepen](https://codepen.io/yqmegupa-the-styleful/pen/NWEpNBr) |
| 25 | hanana501 | [Codepen](https://codepen.io/hananalin/pen/dyQvMea)|
| 26 | cest_jessie | [Codepen](https://codepen.io/itsjessiechen/pen/ZEmeWja)|
| 27 | SmallP | [Codepen](https://codepen.io/smallp/pen/ExOWKOp)|
| 28 | PH#2731 | [Codepen](https://codepen.io/lokf9527/pen/dyQvMaL)|
| 29 | Eden.C |[Codepen](https://codepen.io/iseden/pen/wvQJGNW) |
| 30 | Robert.H |[Codepen](https://codepen.io/Robert1205/pen/WNYpwBp) |
| 31 | Calvin | [Codepen](https://codepen.io/CalvinChang/pen/ZEmeWgx) |
| 32 | DoryH#0526 | [Codepen](https://codepen.io/dorihung/pen/zYMZBxm) |
| 33 | Kai | [Codepen](https://codepen.io/beginneraboutlife116/pen/QWJpEWg) |
| 34 | awei_0625 | [Codepen](https://codepen.io/hong-wei/pen/abQJZoQ?editors=1100) |
| 35 | hance__kao | [Codepen](https://codepen.io/HanceKao/pen/bGQqepW?editors=1100) |
| 36 | ryan.chou | [Codepen](https://codepen.io/csw8524/pen/bGQqegR) |
| 37 | xuan#0808 | [Codepen](https://codepen.io/xuan0915/pen/eYQvzBL) |
| 38 | duck3310 | [Codepen](https://codepen.io/papy0715/pen/RwqpRBo) | 
| 39 | yun#5213 | [Codepen](https://codepen.io/yun-the-scripter/pen/JjeWKao) 
| 40 | jacky7035 | [Codepen](https://codepen.io/adens123/pen/VwVpjVj) 
| 41 | Grass立花#8094 | [Codepen](https://codepen.io/kj25940858/pen/KKrWMxx)
| 42 | Chung#5786 | [Codepen](https://codepen.io/fotdclxz-the-encoder/pen/BaGWzvJ) |
| 43 | 辣椒 | [Codepen](https://codepen.io/chilichen118/pen/vYQxKwx) |
| 44 | robbie_0830 | [Codepen](https://codepen.io/ShuZhen/pen/xxQqOBb?editors=1100) |
| 45 | murphy1665 | [Codepen](https://codepen.io/icephy/pen/MWzpeMR) |
| 46 | 慈玲#8986 | [Codepen](https://codepen.io/vseznpoh-the-flexboxer/pen/dyQvpbO)
| 47 | 末次 | [Codepen](https://codepen.io/yunjulee/pen/oNQZzbB) |
| 48 | AAAAA | [Codepen](https://codepen.io/yvgxsirf-the-typescripter/pen/PoxpGzR)|
| 49 | Ting.66#0912 | [Codepen](https://codepen.io/Ting66/pen/gOQmwpo?editors=1100) |
| 50 | Uli | [Codepen](https://codepen.io/uli1313/pen/wvQJzKX) |
| 51 | liam9930 | [Codepen](https://codepen.io/jgnjfvvt-the-lessful/pen/oNQZzXY) |
| 52 | 依依#6306 | [Codepen](https://codepen.io/Rita-Yang/pen/ZEmepvG) |
| 53 | 大頭 | [Codepen](https://codepen.io/conlyvrg-the-reactor/pen/mdQWrjK) |
| 54 | 肥宅長老 | [Codepen](https://codepen.io/Pasagi/pen/eYQvdQZ) |
| 55 | JohnC#3814 | [Codepen](https://codepen.io/johnhua25147050/pen/OJapRar) 
| 56 | 墨墨 #4571 | [Codepen](https://codepen.io/momof2e/pen/KKrWNPd) |
| 57 | celia#9182 | [Codepen](https://codepen.io/celia01/pen/MWzpbbJ) |
| 58 | adele6199 | [Codepen](https://codepen.io/codepen-io-winnie/pen/PoxpbWr) |
| 59 | jhouhank | [Codepen](https://codepen.io/JhouHank/pen/yLQMVjb) |
| 60 | Atsushi#6888 | [Codepen](https://codepen.io/atsushi-amuro/pen/LYXWbgM) |
| 61 | natalie2557 | [Codepen](https://codepen.io/nwy0206/pen/poQeNYr)|
| 62 | vvay | [Codepen](https://codepen.io/pellmssx-the-sasster/pen/ExOWNMp)|
| 63 | 墨莉 | [Codepen](https://codepen.io/katayose0804/pen/JjeWbem)|
| 64 | MKL | [Codepen](https://codepen.io/Code-My/pen/Poxpbdw) |
| 65 | Kimi #9564 | [Codepen](https://codepen.io/kimihu91/pen/gOQgjEX)|
| 66 | vivianlu_ | [Codepen](https://codepen.io/viviannlu/pen/dyQvNPx) |
| 67 | shawey.1a2b | [Codepen](https://codepen.io/Shawey/pen/RwqpKor) |
| 68 | YOZU | [Codepen](https://codepen.io/YO_ZU/pen/PoxpWmW) |
| 69 | 小夏 | [Codepen](https://codepen.io/michaelhsia/pen/abQJpRo) |
| 70 | Janshawn | [Codepen](https://codepen.io/Janshawn/pen/JjeWEVd) 
| 71 | ss30304#9213 | [Codepen](https://codepen.io/ss30304/pen/PoxppwE)
| 72 | ROGER | [Codepen](https://codepen.io/jxyrmcxm-the-scripter/pen/mdQWWRp) |
| 73 | NathanJames#8120 | [Codepen](https://codepen.io/ufo060204/pen/RwqppqJ) |
| 74 | ming0712 | [Codepen](https://codepen.io/StevenHuang/pen/LYXWWKe) |
| 75 | townyuan | [Codepen](https://codepen.io/townyuan/pen/zYMZwqd) |
| 76 | yuling#1634 | [Codepen](https://codepen.io/igzdflpu/pen/NWEpjMN) |
| 77 | yuyuyu#1330|[Codepen](https://codepen.io/yuyu1215/pen/LYXWygM)|
| 78 |Trista Chiu#3719|[Codepen](https://codepen.io/TristaChiu/pen/eYQvRmr)|
| 79 |阿富#0389|[Codepen](https://codepen.io/spring40747/pen/LYXWLRK)|
| 80 | Brian#7046 | [Codepen](https://codepen.io/PochienTsai/pen/oNQZwqX) |
| 81 | homer#1525 | [Codepen](https://codepen.io/Buckhorn/pen/ZEmeyjV) |
| 82 | Eason#7884 | [Codepen](https://codepen.io/ASLEO/pen/poQewGx) |
| 83 | edie599916 | [Codepen](https://codepen.io/Chen-CiCi/pen/WNYpOmy) |
| 84 | 3catt      | [Codepen](https://codepen.io/zzzzz0522/pen/yLQMXwG)|
| 85 | KevinHuang#0957 | [Codepen](https://codepen.io/qw-huang/pen/wvQJeLm?editors=1100)|
| 86 | tzuyun1019 | [Codepen](https://codepen.io/TzuYun1019/pen/ExOWvPj)|
| 87 | MarvinWu#8362 | [Codepen](https://codepen.io/TzuYun1019/pen/ExOWvPj)|
| 88 | 泊岸#3466 | [Codepen](https://codepen.io/qoq77416416/pen/KKrWvKb) |
| 89 | Renee Wang#1437 | [Codepen](https://codepen.io/RENEE-WANG-the-looper/pen/abQJwXo)|
| 90 | ztion |[Codepen](https://codepen.io/ztion/pen/NWEpvve?editors=1100)
| 91 | bf_tsai | [Codepen](https://codepen.io/BF-Tsai/pen/RwqpZBy) |
| 92 | Paul#7426 | [Codepen](https://codepen.io/paul-1997/pen/GRwWvPX) |
| 93 | .manmanlai | [Codepen](https://codepen.io/kikiyang/pen/OJapjmE?editors=1100) |
| 94 | <DeLi#8324> |[Codepen](https://codepen.io/delichaomoon/pen/RwqpLWq) |
| 95 | ga771058#8770 |[Codepen](https://codepen.io/ppzigmtg-the-typescripter/pen/ExOWvqm) |
| 96 | wind | [Codepen](https://codepen.io/wind7y/pen/oNQZGpa) |
| 97 | csh97 | [Codepen](https://codepen.io/pyrbkvev-the-animator/pen/LYXWzgX) |
| 98 | yunhsinnnnnnn | [Codepen](https://codepen.io/yun___hsin/pen/QWJpqPp) |
| 99 | yuchou#5749 |  [Codepen](https://codepen.io/yu-chou/pen/ZEmeaYx) |
| 100 | Mina Shih#6848 |  [Codepen](https://codepen.io/yqqepmmj-the-decoder/pen/zYMZPrm) |
| 101 | DoDo_6666 | [Codepen](https://codepen.io/MissDouble/pen/eYQvGqM?editors=1100) |
| 102 | johnchien | [Codepen](https://codepen.io/glqwazid-the-selector/pen/BaGWmWW) |
| 103 | yu.t_liu#4252 | [Codepen](https://codepen.io/YuT200053/pen/dyQvZvy) |
| 104 | kimlemon0720 | [Codepen](https://codepen.io/znohmess-the-builder/pen/KKrWNWM) |
| 105 | Michelle9405| [Codepen](https://codepen.io/fseecokx-the-flexboxer/pen/RwqpjLa)
| 106 | tiffany.wu | [Codepen](https://codepen.io/wuhsinyu/pen/RwqpjQR)
| 107 | donna524 | [Codepen](https://codepen.io/bobo52400/pen/PoxoRrQ)
| 108 | zona_0.0 | [Codepen](https://codepen.io/Zona-Chen/pen/ZEmeaxm) |
| 109 | <mia_fu> | [Codepen](https://codepen.io/a0950271/pen/VwVprBe) |
| 110 | ruchi7866 | [Codepen](https://codepen.io/jason2267/pen/GRwWOzm) |
| 111 | YHT#1696 | [Codepen](https://codepen.io/YHT31/pen/dyQvJPO) |
| 112 | Matic#3173 | [Codepen](https://codepen.io/Matic1124/pen/VwVpymb) |
| 113 | fanglin.y | [Codepen](https://codepen.io/flynn841028/pen/QWJpOYx) |
| 114 | Cosmos#9210 | [Codepen](https://codepen.io/violet7755/pen/PoxpEvX) |
| 115 | lianne._. | [Codepen](https://codepen.io/Elaina-L/pen/LYXWQYe) |
| 116 | hao2485 | [Codepen](https://codepen.io/Seanfeb16/pen/rNQyJyw) |
| 117 | Randy | [Codepen](https://codepen.io/landy510/pen/eYQvjMQ?editors=1100) |
| 118 | smallmi80 | [Codepen](https://codepen.io/smallmimi80/pen/poQeaBw)|
| 119 | 銀光菇 | [Codepen](https://codepen.io/genesynthesis/pen/oNQZBgr) |
| 120 | Tami#6742 | [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/JjeWaRX)|
| 121 | mina_iilife | [Codepen](https://codepen.io/9001mina/pen/ExOWexx?editors=1100) |
| 122 | RX00#5351 | [Codepen](https://codepen.io/llqzknqv-the-styleful/pen/ExOWdxm) |
| 123 | 狸貓#5863 | [Codepen](https://codepen.io/tanuki320/pen/jOQBvjN) |
| 124 | Azi Hsieh#2861 | [Codepen](https://codepen.io/AziHsieh/pen/rNQyqZY) |
| 125 | Johnson3669 | [Codepen](https://codepen.io/pen/yLQMRZX) |
| 126 | Qi-Hua | [Codepen](https://codepen.io/emily40830/pen/mdQWQQO) |
| 127 | Aritan#1931 | [Codepen](https://codepen.io/Aritan/pen/mdQWQoR) |
| 128 | Eero#1147 | [Codepen](https://codepen.io/Eero-Chiao/pen/rNQyQYQ) |
| 129 | markchen_ | [Codepen](https://codepen.io/Mark-JJchen/pen/JjeWmmB) |
| 130 | andersonshen | [Codepen](https://codepen.io/luxyenni-the-bold/pen/zYMZyBY) |
| 130 | EY | [Codepen](https://codepen.io/EY-chen/pen/rNQyomN) |
| 131 | Empty | [Codepen](https://codepen.io/emptywu/pen/bGQqOWx)|
| 132 | .zack_p | [Codepen](https://codepen.io/Designer-PH/pen/ExOWrvb)|
| 133 | mm_ieat | [Codepen](https://codepen.io/MINN3/pen/GRwWLZM)|
| 134 | 出事了阿伯#9923 | [Codepen](https://codepen.io/BradpittLai/pen/QWJdyER)|
| 135 | xin#1214 | [Codepen](https://codepen.io/Estherrrrrr999/pen/NWEpZLw)
|136|PayRoom|[CodePen](https://codepen.io/water38198/pen/poQeMdm)
|137|shuuu|[CodePen](https://codepen.io/afjrvjzl-the-bashful/pen/rNQyXzN)
| 138 | popcorn_3q | [Codepen](https://codepen.io/arnyrpqt-the-sasster/pen/zYMwOOo) |
| 139 | Mylène | [Codepen](https://codepen.io/hamajibashi/pen/abQWNVV) |
| 140 | Shiloh#8447 | [Codepen](https://codepen.io/pkezwtnq-the-encoder/pen/OJapoBB#_=_) |
| 141 | WA | [Codepen](https://codepen.io/ldddl/pen/NWEjrqR) |
| 142 | JimmyChang | [Codepen](https://codepen.io/JimmyChangWenChi/pen/eYQWzJV)| 
| 143 | Cura | [Codepen](https://codepen.io/curalin/pen/rNQmLxd) |
| 144 | anyakuo13 | [Codepen](https://codepen.io/anyakuo/pen/abQWZLX?editors=1100) |
| 145 | Amelia | [Codepen](https://codepen.io/Amelia-chin/pen/oNQWzgb) |
| 146 | Elma | [Codepen](https://codepen.io/ElmaYu/pen/oNQWzEB) |
| 147 | runweiting | [Codepen](https://codepen.io/weiting14/pen/XWyRNqa) |
|148|albee#9121|[Codepen](https://codepen.io/albee-chang/pen/GRwmrOo)|
|149|blueeee|[Codepen](https://codepen.io/bb84729/pen/QWJvpeX)|
|150|FanJJ#8061|[Codepen](https://codepen.io/yfchenn/pen/GRwrWee)|
|151|阿賀#3700|[Codepen](https://codepen.io/sungho/pen/QWJvvZN)|
|152|CMLB0212|[Codepen](https://codepen.io/Chungmin0212/pen/eYQWeeK)|
|153|abalun|[Codepen](https://codepen.io/abalun52/pen/qBQmYgR)|
|154|lin_lion|[Codepen](https://codepen.io/Lion-Lin/pen/JjeNZGJ)|
|155|shcopy|[Codepen](https://codepen.io/shcopy/pen/rNQmKLL)|
|156|路人ADCB#9851|[Codepen](https://codepen.io/markyourpage/pen/eYQWjdV)|
|157|RebeccaYu|[Codepen](https://codepen.io/rebecca-yu/pen/NWEjeGy)|
| 158 | lychee_kk | [Codepen](https://codepen.io/kakakala/pen/xxQdeZK) |
| 159 | Ching#8308 | [Codepen](https://codepen.io/huangching/pen/mdQmgjB) |
|160 | ct3741 | [Codepen](https://codepen.io/claire-T/pen/WNYjWBP) |
|161 | ben_1757 | [Codepen](https://codepen.io/cowyjooy-the-vuer/pen/eYQWwgy) |
|162 | peggy#3169 | [Codepen](https://codepen.io/peggylai/pen/RwqVzBP) |
|163 | da | [Codepen](https://codepen.io/da-lin/pen/WNYjVxz) |
|164 |阿沁#8176  | [Codepen](https://codepen.io/a8322342/pen/ZEmKggE) |
|165 |awei#0720  | [Codepen](https://codepen.io/Aweishi/pen/OJagLyB) |
|166 | anita_4537 | [Codepen](https://codepen.io/anita1122/pen/BaGZKoq) |
|167 | +7#8492 | [Codepen](https://codepen.io/tojibom/pen/dyQRMpZ) |
|168 | dong2328 | [Codepen](https://codepen.io/htamlkdz-the-encoder/pen/oNQwLGV) |
|169 | Celine#6773 | [Codepen](https://codepen.io/celinephoebe/pen/XWygaxr) |
|170 | Nicktsai#0704 | [Codepen](https://codepen.io/brownie-nick/pen/bGQRYrp) |
|171 | swalok47716#7332 | [Codepen](https://codepen.io/swalok/pen/zYMzLGE?editors=1100) |
|172 | lishuan | [Codepen](https://codepen.io/lishuan/pen/qBQjpKb) |
|173 | Ryan Chiang#6649 | [Codepen](https://codepen.io/ryanchiang/pen/WNYOmrQ) |
| 174 |KC_8685|[Codepen](https://codepen.io/cathy7411/pen/ExOvKbg)|
| 175 | 阿維#2569 | [Codepen](https://codepen.io/iijojpli-the-looper/pen/RwqZVPZ) |
| 176 | hironaka | [Codepen](https://codepen.io/Hironaka0815/pen/VwVzzOK) |
| 177 | 歐陽龍龍#1061 | [Codepen](https://codepen.io/dizzydog-rgb/pen/zYMdEQN) |
| 178 | Lesly#1279 | [Codepen](https://codepen.io/Jillkate/pen/MWzvVNO) |
| 179 | Pig#6093 | [Codepen](https://codepen.io/qnmcftqx-the-sans/pen/RwqZxXV) |
| 180 | Long | [Codepen](https://codepen.io/Loonng/pen/xxQLMGG) |
| 181 | patrickpie | [Codepen](https://codepen.io/patrickpie/pen/GRwveZP) |
| 182 | zhtomwu#8595 | [Codepen](https://codepen.io/ZHTOM/pen/yLQowVJ) |
| 183 | bbbear#7545 | [Codepen](https://codepen.io/Bearice/pen/QWJqbWx) |
| 184 | soniawu | [Codepen](https://codepen.io/YUJOU/pen/KKrXvNv) |
| 185 | Kallen#1185 | [Codepen](https://codepen.io/zsoiobyy-the-scripter/pen/NWEavXj?editors=1100) |
| 186 | 0naomi0 | [Codepen](https://codepen.io/0Naomi0/pen/MWzEqpO) |
| 187 | min-L | [Codepen](https://codepen.io/min-sky-lin/pen/abQVoNe) |
| 188 | rjjq | [Codepen](https://codepen.io/rjjq/pen/eYQemBy)|
| 189 | jasonlll1111 | [Codepen](https://codepen.io/jsyzmq9328/pen/LYXOVPP?editors=1100)|
| 190| ivy999 | [Codepen](https://codepen.io/ivy999/pen/rNQYxYv) |
| 191| heyiiiii#5013 | [Codepen](https://codepen.io/hoyii/pen/qBQVmBe) |
| 192 | .elliehsu | [Codepen](https://codepen.io/ellieyuhsu0827/pen/yLQPoyg?editors=1100) |
| 193 | littlewhite2406 | [Codepen](https://codepen.io/gracewhite/pen/oNQopEV) |
| 194 | Jim0.0#3073 | [Codepen](https://codepen.io/asiahedh-the-encoder/pen/KKrZyvL?editors=1100) |
| 195 | stoos_1369 | [Codepen](https://codepen.io/Stooss/pen/jOQZWxq) |
| 196 | mini#6858 | [Codepen](https://codepen.io/LINYI-HUANG/pen/GRwQoVK) |
| 197 | 郭芙蘭#6374 | [Codepen](https://codepen.io/flora_Kuo/pen/qBQxRoq) |
| 198 | jhen_ye | [Codepen](https://codepen.io/su-jhen/pen/bGQvJwQ) |
| 199 | MaciHuang | [Codepen](https://codepen.io/macy1215/pen/zYMjamW) |
| 200 | yuan2781 | [Codepen](https://codepen.io/ismebir/pen/yLQEBRM) |
| 201 | cyrus_li | [Codepen](https://codepen.io/likahang/pen/xxQzmgb) |
| 202 | Eileen#6454 | [Codepen](https://codepen.io/Eileen-io/pen/QWJMJYG) |
| 203 | Santu#2566 | [Codepen](https://codepen.io/HatsumiSan/pen/vYQvwjG) |
| 204 | ChrisSQR#3308 | [Codepen](https://codepen.io/ChrisSQR/pen/VwVgerE) |
| 205 | 楓尋 | [Codepen](https://codepen.io/Lnight0/pen/BaGeKdX) |
| 206 | chen_emily | [Codepen](https://codepen.io/HUIJINEmily/pen/gOQNOMO) |
| 207 | Mia小福#4473 | [Codepen](https://codepen.io/a0950271/pen/VwVprBe) |
| 208 | 楓 | [Codepen](https://codepen.io/maplestartend/pen/yLwBvqx) |
- 快速複製格式：
| 00 | <user> | [Codepen]() |
 
-->
