---
tags: 軟體工程師體驗營 - 2023
---

# 🏅 切版任務 Day4 - HTML、CSS 文字設定與 margin、padding 運用
## 問題

### 1. 重要觀念選擇題
根據下列同樣的 A、B 模式，以 HTML 與 CSS 觀念中， HTML 決定了網頁的『架構』、CSS 形成網頁『樣式』，請問 A、B 各自最接近 HTML、CSS 差異描述，各為哪個?

1-- A 圖為 HTML，B 圖為 CSS
2-- A 圖為 CSS，B 圖為 HTML
3-- 他只是一隻尖叫的章魚，騙不了我((不可以選這個!))

　　　　　　

---
### 2. 文字、間距相關運用
用 Codepen 練習下列的文字版面，練習文字相關尺寸設定、間距與相關 padding、margin 等運用。（可複製下方提供的文字練習）

> [圖片連結](https://i.imgur.com/tAJAG6m.png)

內文文字與文字資訊提供如下：

六角學院

> 文字大小：`32px` `bold`｜顏色：`#0000000`｜行高：`1.5` 倍

軟體工程師體驗營 - 一個月帶你做出網頁作品

> 文字大小：`24px` `bold`｜顏色：`#0000000`｜行高：`1.5` 倍

（第一段）
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt nostrum neque ipsam velit quibusdam delectus praesentium aut necessitatibus! Exercitationem, aperiam!

（第二段）
Mickey Mouse would have to be the main figure. Yet some mention must be made of our great animated classics. I made sketches of all the characters I thought should appear. Then, I called upon my modeling skills to build a one-16th-inch scale paper cut-out model of what I wanted. This was before photo-copying machines with reducing capabilities, so I had to make all the drawings in scale. Many of the figures had to be drawn, a quarter-inch high. The entire set was about 18-inches long by 3.5-inches high. But this model was a good tool for planning the show sequence and experimenting with different scenes.

> 文字大小：`20px`｜顏色：`#000000`、`#cd5e3c`｜行高：`1.5` 倍｜首行縮排：`40px`｜
橘色字為 `bold`

（右下連結）
前往頁面

> 寬度：`120px`｜文字置中｜文字大小：`16px`｜文字顏色：`#ffffff`｜行高：`1.5` 倍｜背景顏色：`#000000`
> hover 時：背景顏色：`#cd5e3c`

## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）


<!--

解答：
1. 2
2. https://codepen.io/hexschool/pen/jOvJvWW

-->

回報區
---

| 報數 | Discord 名字 | Codepen／其他回饋 | |
|:----:|:--------------------:|:------------------------------------------------------------------------------------:| -------------------------------------------------- |
| 1 | 冬天#5215 | (1)2 (2)[Codepen](https://codepen.io/winter_/pen/oNaGWoR) | |
| 2 | Lychee KK | [Codepen](https://codepen.io/kakakala/pen/BaqwRxQ) | |
| 3 | Eden.C#9359 | [codepen](https://codepen.io/iseden/pen/QWZqvQM) | |
| 4 | Daisy_Li#4231 | [codepen](https://codepen.io/lidairong-gmail-com/pen/qBJPmXv?editors=1100) | |
| 5 | Berlin#7338 | [codepen](https://codepen.io/3qberlin/pen/BaqwRdz?editors=1100) | |
| 6 | CuraLin#2648 | [codepen](https://codepen.io/curalin/pen/Exdwmdr) | |
| 7 | DeLi#8324 | [codepen](https://codepen.io/delichaomoon/pen/JjmrNOx) | |
| 8 | vvay#4113 | [codepen](https://codepen.io/pellmssx-the-sasster/pen/xxyXdBN) | |
| 9 | Snadra#1987 | [codepen](https://codepen.io/mlqmhltg/pen/XWxegXw) | |
| 10 | Rochel#4754 | [codepen](https://codepen.io/rochelwang1205/pen/poxWwzZ) | |
| 11 | Ann Chou#0146 | [codepen](https://codepen.io/annchou_illu/pen/poxWPBV?editors=1100) | |
| 12 | 阿榮#8277 | [Codepen](https://codepen.io/codeitaday/pen/qBJPjqO) | |
| 13 | ChaosTu#9311 | [Codepen](https://codepen.io/torotu/pen/mdzBwMw?editors=1100) | |
| 14 | Kulimusoda#2785 | [Codepen](https://codepen.io/yuch3n_chen/pen/oNaGwBx) | |
| 15 | judy123#2363 | [Codepen](https://codepen.io/hsuantsong/pen/mdzBwPW) | |
| 16 | 依依#6306 | 1:2/2:[Codepen](https://codepen.io/Rita-Yang/pen/rNqGBdq?editors=1100) | |
| 17 | LeeRu#1771 | (1)2 (2)[Codepen](https://codepen.io/IMGameKing/pen/JjmryXJ?editors=1100) | |
| 18 | Judy #7874 | [Codepen](https://codepen.io/hsiaohan/pen/eYPGEmp?editors=1100) | |
| 19 | duck#3310 | [Codepen](https://codepen.io/papy0715/pen/bGmoRKx) | |
| 20 | Uli#1946 | 1.②　2.[Codepen](https://codepen.io/uli1313/pen/jOeGLBO) | |
| 21 | 銀光菇#1692 | [codepen](https://codepen.io/genesynthesis/pen/xxyXdQe) | |
| 22 | charlottelee849#0366 | [codepen](https://codepen.io/char849/pen/KKGXqYL?editors=1100) | |
| 23 | Celia#1715 | [Codepen](https://codepen.io/drdrvpgf-the-bashful/pen/vYVeZXy?editors=1100) | |
| 24 | PayRoom | [CodePen](https://codepen.io/water38198/pen/VwEMzdG) | |
| 25 | K（アギルダー）#0386 | (1)2 (2)[Codepen](https://codepen.io/klay376014/pen/poxWrQE) | |
| 26 | CMLB0212#8960 | [codepen](https://codepen.io/Chungmin0212/pen/XWxeREP) | |
| 27 | satarkuo#5736 | [codepen](https://codepen.io/SatarKuo/pen/dygVzag) | |
| 28 | bonnieli1414#4906 | [codepen](https://codepen.io/bonnieli1414/pen/gOBGRVK?editors=1100) | |
| 29 | Bruce-Lee#0629 | [codepen](https://codepen.io/xxhdklwi-the-decoder/pen/oNaGeWE?editors=1100) | |
| 30 | 蝌蚪#5874 | [codepen](https://codepen.io/byssjbij-the-encoder/pen/oNaGeMy?editors=1100) | |
| 31 | Yuki#9465 | [codepen](https://codepen.io/yukilin549/pen/ExdwXJK?editors=1100) | |
| 32 | 135144365#3152 | [codepen](https://codepen.io/Heng902/pen/yLRzXLx) | |
| 33 | Quantum#6093 | (1)Ans: 2 (2)[codepen](https://codepen.io/Min-Hao-Hung/pen/bGmoRXO) | |
| 34 | peihsuan#6315 | [codepen](https://codepen.io/peihsuanlai/pen/NWOavqm) | |
| 35 | Pigsue#5981 | 1.(2) 2.[Codepen](https://codepen.io/weixiii/pen/dygVVvL) | |
| 36 | 辣椒#1002 | [Codepen](https://codepen.io/chilichen118/pen/ZEqXXyr?editors=1100) | |
| 37 | Tina02#2691 | [Codepen](https://codepen.io/riifwerr-the-selector/pen/KKGXXbQ) | |
| 38 | Jacky7035#9423 | [Codepen](https://codepen.io/adens123/pen/Jjmrrbe) | |
| 39 | 歐荻#7246 | 1.(2) 2.[Codepen](https://codepen.io/Odi-Mode/pen/QWZqOjr) | |
| 40 | Hao#2485 | Q1.2 Q2.[Codepen](https://codepen.io/Seanfeb16/pen/jOeGGea) | |
| 41 | jia yu#8896 | (1) 2 (2)[Codepen](https://codepen.io/fjqxaznl-the-reactor/pen/QWZqqdp?editors=1100) | |
| 42 | SKey#9905 | (1)2 (2)[Codepen](https://codepen.io/Dale-Chien/pen/JjmrOoP) | |
| 43 | Hanana#9025 | (1)2 ; (2)[Codepen](https://codepen.io/hananalin/pen/KKGXXey) | |
| 44 | ssshane#0673 | [Codepen](https://codepen.io/sam6091260/pen/BaqwmNd) | |
| 45 | grayyyy#1014 | [Codepen](https://codepen.io/jhye0222/pen/bGmooLg) | |
| 46 | Mindy#7886 | [Codepen](https://codepen.io/Mindyr/pen/rNqGzrm) | |
| 47 | 翔.#0859 | [Codepen](https://codepen.io/energy95272z/pen/abRLVMZ?editors=1100) | |
| 48 | WeiWei崴崴#3118 | (1)2; (2)[Codepen](https://codepen.io/weiwei324/pen/bGmoRPO?editors=1100) | |
| 49 | 汪汪#4486 | (1)2; (2)[Codepen](https://codepen.io/hunwooooof/pen/yLRzPoZ) | |
| 50 | Rey#1878 | [codepen](https://codepen.io/yfatgmpc-the-bold/pen/wvYrqyV?editors=1100) | |
| 51 | 黑白兔#0684 | [codepen](https://codepen.io/johnny329/pen/poxWWbw) | |
| 52 | penny#6214 | (1)2; [codepen](https://codepen.io/penny8989/pen/yLRzppO?editors=1100) | |
| 53 | Ataraxia#9977 | [codepen](https://codepen.io/ataraxia8888/pen/abRwXvX) | |
| 54 | chi93#1548 | [codepen](https://codepen.io/clarahc/pen/QWZqMxb?editors=1100) | |
| 55 | alexmav04#5048 | [codepen](https://codepen.io/alexmav04/pen/Exdwoxg) | |
| 56 | Welly#3964 | [codepen](https://codepen.io/welly09/pen/WNaZMJO) | |
| 57 | Eero#1147 | [codepen](https://codepen.io/Eero-Chiao/pen/XWxeaeM?editors=1100) | |
| 58 | Maxine#9061 | [codepen](https://codepen.io/Maxine_Liao/pen/gOBGody) | |
| 59 | 又竹#7302 | 1.(2)　2.[Codepen](https://codepen.io/YO_ZU/pen/oNaGEpR) | |
| 60 | 肉個阿倫#7172 | [Codepen](https://codepen.io/i9574385/pen/wvYryYJ) | |
| 61 | cbs#9007 | [Codepen](https://codepen.io/wasdjk/pen/MWPEVoL) | |
| 62 | Jerry456789#9029 | [Codepen](https://codepen.io/aria198a/pen/yLRzKRW?editors=1100) | |
| 63 | clairechen#3498 | [Codepen](https://codepen.io/yi-wen-chen/pen/bGmoRmm) | |
| 64 | Joi#4089 | [Codepen](https://codepen.io/Joi-Chen/pen/RweLxmd?editors=1100) | |
| 65 | RubyChen#9543 | (1) 2 ; (2) [Codepen](https://codepen.io/rubyyjchen/pen/wvYrjqb) | |
| 66 | 不要迷戀媽的奶#0295 | [Codepen](https://codepen.io/kewdjbwp-the-typescripter/pen/LYgzdyG) | |
| 67 | 司機叔叔#2463 | [Codepen](https://codepen.io/bigv5566/pen/abRLKmj) | |
| 68 | jackwu#4437 | [Codepen](https://codepen.io/jackwu1588003/pen/LYgzrbM) | |
| 69 | yuling#1634 | [Codepen](https://codepen.io/igzdflpu/pen/LYgzrxM) | |
| 70 | Evaxof#1266 | [Codepen](https://codepen.io/evaxof/pen/ZEqXoWb?editors=1100) | |
| 71 | jimhop#6510 | [Codepen](https://codepen.io/jimsansssss/pen/mdzBKEN) | |
| 72 | liam9930#4129 | (1)2,(2)[Codepen](https://codepen.io/jgnjfvvt-the-lessful/pen/yLRzqKw) | |
| 73 | Yihwei#2027 | (1)2 ; (2) [Codepen](https://codepen.io/auntebur-the-sans/pen/yLRzEOX?editors=1100) | |
| 74 | 狸貓#5863 | [Codepen](https://codepen.io/tanuki320/pen/NWOaBqX) | |
| 75 | ray0304#2070 | [Codepen](https://codepen.io/Ray0304/pen/BaqwVqp) | |
| 76 | jelly77#2088 | (1)2 (2)[Codepen](https://codepen.io/Ming-chiang/pen/NWOazyp?editors=1100) | |
| 77 | wiimax#4564 | [codepen](https://codepen.io/willismax/pen/MWPEBaP) | |
| 78 | 吳偉雄恩#2256 | (1)2 (2)[Codepen](https://codepen.io/Bamboo1212/pen/GRYMBMv) | |
| 79 | しあわせね#0036 | （1）2　　（2）[Codepen](https://codepen.io/Front-end-engineer/pen/xxyXdYM) | |
| 80 | 拉斯卡爾#2696 | 1.(2) 2.[Codepen](https://codepen.io/novendia/pen/qBJPKgz) | |
| 81 | 兔子#6746 | [Codepen](https://codepen.io/CarrotDetector/pen/wvYrjZv?editors=1100) | |
| 82 | Akira#9996 | (1) 2 (2)[Codepen](https://codepen.io/Akira-Chen/pen/zYmEaVe) | |
| 83 | Rayo#8002 | [Codepen](https://codepen.io/loborayo/pen/MWPEQNq) | |
| 84 | David#4415 | [Codepen](https://codepen.io/David0799/pen/ZEqXMjB) | |
| 85 | Calin#8500 | (1)2 (2)[Codepen](https://codepen.io/Calin-c/pen/bGmoopp) | |
| 86 | Ming#8730 | (1)2 (2)[Codepen](https://codepen.io/MingLin1995/pen/YzJrJKB) | |
| 87 | 莫0_o#3486 | (1)2 (2)[Codepen](https://codepen.io/jdozfpae-the-animator/pen/VwEMGJV) | |
| 88 | 姜承#8204 | (1)2 (2)[Codepen](https://codepen.io/Troy0718/pen/NWOaONN) | |
| 89 | yanyan#5815 | (1)2 (2)[Codepen](https://codepen.io/rubyyan/pen/LYgzgWM) | |
| 90 | 居米#6044 | [Codepen](https://codepen.io/AndyLiu0427/pen/dygVqyz) | |
| 91 | HsuanTang#1349 | (1)2 (2)[Codepen](https://codepen.io/HsuanTang/pen/BaqwOZb) | |
| 92 | snow#0255 | (1)2 (2)[Codepen](https://codepen.io/snow21723/pen/oNaGeoq) | |
| 93 | Jennifer Chuang#3937 | (1)2 (2)[Codepen](https://codepen.io/yujhen/pen/WNaZggb) | |
| 94 | Yu.T#4252 | [Codepen](https://codepen.io/YuT200053/pen/eYPGLzJ) | |
| 95 | Yuu#5361 | [Codepen](https://codepen.io/alycehwy/pen/abRLPmp) | |
| 96 | Ting.66#0912 | [Codepen](https://codepen.io/Ting66/pen/PoyJxLe?editors=1100) | |
| 97 | N0c7iluc3n7#4390 | (1)2 (2)[Codepen](https://codepen.io/huang-yu-cheng/pen/abRLQLb) | |
| 98 | 浪裡小白龍#6860 | (1)2 (2)[Codepen](https://codepen.io/Emillo/pen/yLRzGqO) | |
| 99 | 提姆#9581 | [Codepen](https://codepen.io/timouo/pen/zYmELzg) | |
| 100 | Michelle7072#8551 | (1)2 (2)[Codepen](https://codepen.io/shfkpndw/pen/yLvadKb) | |
| 101 | Pei#5161 | [Codepen](https://codepen.io/Pei0303/pen/oNaGJBo) | |
| 102 | jun777#2468 | (1)2 (2)[Codepen](https://codepen.io/js18151102/pen/GRYMzgb) | |
| 103 | wayne#9661 | (1)2 (2)[Codepen](https://codepen.io/waynechen77/pen/poxWQOY?editors=1111) | |
| 104 | Jaredlee#5887 | (1)2 (2)[Codepen](https://codepen.io/jared-lee/pen/YzJrRmr?editors=1100) | |
| 105 | homer#1525 | (1)2 (2)[Codepen](https://codepen.io/Buckhorn/pen/poxWQKG) | |
| 106 | 泊岸#3466 | [Codepen](https://codepen.io/qoq77416416/pen/Exdwppj?editors=1100) | |
| 107 | Ying Ying Liu #0836 | (1)2 (2)[Codepen](https://codepen.io/yingyliu/pen/dygVxbR?editors=1100) | |
| 108 | chichi#1534 | [Codepen](https://codepen.io/chichihuang/pen/YzJrmRO) | |
| 109 | 冷曄#9378 | [Codepen](https://codepen.io/HgHale/pen/gOBGVVJ) | |
| 110 | andrew0404#4576 | [Codepen](https://codepen.io/Loonng/pen/LYgzeMr?editors=1100) | |
| 111 | JimmyHuang#5281 | [Codepen](https://codepen.io/JimmyHuang369/pen/wvYPvyy) | |
| 112 | Tami#6742 | (1) 2 (2) [CodePen](https://codepen.io/wqsdqbjn-the-vuer/pen/JjmOjvY) | |
| 113 | 魚翅#3100 | [CodePen](https://codepen.io/Fukahire/pen/abRLaBJ) | |
| 114 | Athem#9661 | [CodePen](https://codepen.io/athemLin/pen/NWOaoeg) | |
| 115 | boki#3717 | [CodePen](https://codepen.io/boki-wang/pen/rNqYadW) | |
| 116 | 長方形#9612 | [CodePen](https://codepen.io/imjjw/pen/vYVWEGp) | |
| 117 | 雲漢#5319 | [CodePen](https://codepen.io/keon981/pen/bGmoQxj) | |
| 118 | 君Jyun#0147 | [codepen](https://codepen.io/JyunCodepen/pen/WNaXvMR?editors=1100) | |
| 119 | JhouHank#8132 | [CodePen](https://codepen.io/JhouHank/pen/qBJVdNM) | |
| 120 | 肉魚#2149 | (1)2 (2)[CodePen](https://codepen.io/zoechen13/pen/Exdbjqr) | |
| 121 | JimWang#6134 | [CodePen](https://codepen.io/Jim-Wang-the-selector/pen/NWOwGoL) | |
| 122 | LeoSong1116#9861 | [CodePen](https://codepen.io/leosong1116/pen/dygZYZM?editors=1100) | |
| 123 | weiting#3489 | [CodePen](https://codepen.io/weiting14/pen/dygZYPP?editors=1100) | |
| 124 | 羽毛#5463 | (1)2 (2)[CodePen](https://codepen.io/KYuFeather/pen/VwEreQX) | |
| 125 | yoyo#1003 | [CodePen](https://codepen.io/pen/eYPGRyq) | |
| 126 | endau66#2102 | [CodePen](https://codepen.io/endau66/pen/BaqmamJ) | |
| 127 | 陳庭#3529 | (1)2 (2)[CodePen](https://codepen.io/yuting850309/pen/xxyXdoo) | |
| 128 | Amelie#0368 | [CodePen](https://codepen.io/amelie-kuo/pen/RwejRQp) | |
| 129 | henrykgb#5749 | [CodePen](https://codepen.io/henrymorgan666/pen/rNqYMrW) | |
| 130 | wendyli#2155 | [CodePen](https://codepen.io/rockayumitw/pen/abRVBMP?editors=1100) | |
| 131 | 初心i#9021 | [CodePen](https://codepen.io/Sylviax/pen/JjmrOaK) | |
| 132 | 東東#5015 | [CodePen](https://codepen.io/wearymask/pen/vYVeeLw) | |
| 133 | Janet#5784 | (1)2 (2)[CodePen](https://codepen.io/janetlinnn/pen/GRYMYmR) | |
| 134 | Tim123#8361 | [CodePen](https://codepen.io/Wangtim4/pen/PoyOjMR) | |
| 135 | 歐陽龍龍#1061 | [CodePen](https://codepen.io/dizzydog-rgb/pen/vYVWxwV?editors=1100) | |
| 136 | 安安#4782 | [CodePen](https://codepen.io/ratsai/pen/YzJExmJ?editors=1100) | |
| 137 | JasonChang#7847 | [CodePen](https://codepen.io/jsonChangJava/pen/JjmOLZo) | |
| 138 | 大昌#6691 | [CodePen](https://codepen.io/jswei014/pen/LYgzLgx) | |
| 139 | 鄭舜仁#6606 | [CodePen](https://codepen.io/randomno/pen/PoyOeVV) | |
| 140 | 史滴芬#4310 | [CodePen](https://codepen.io/steven870107/pen/VwErdgJ) | |
| 141 | 呵哈#6479 | [CodePen](https://codepen.io/CHYETI/pen/WNaXweQ) | |
| 142 | Pinkstar#4993 | (1)(2) [CodePen](https://codepen.io/gabriel09772/pen/YzJEJpd) | |
| 143 | andychiou#4830 | [CodePen](https://codepen.io/andychiou1113/pen/GRYOPRO) | |
| 144 | Yui1024#8275 | (1) 2 (2)[CodePen](https://codepen.io/Yuiyuichou/pen/YzJEBMm) | |
| 145 | Evelyne#7323 | [CodePen](https://codepen.io/Evelynep/pen/eYPeoQz) | |
| 146 | moins13#3346 | (1) 2 (2)[CodePen](https://codepen.io/kyechen13/pen/zYmPmJa) | |
| 147 | Kaya#8857 | [CodePen](https://codepen.io/laron9486/pen/OJBOGVv) | |
| 148 | leo.yujie#8280 | (1)2; (2)[CodePen](https://codepen.io/peihsin-the-scripter/pen/zYmPVdb) | |
| 149 | YHT#1696 | (1)2; (2)[CodePen](https://codepen.io/YHT31/pen/dygVwOZ) | |
| 150 | Helen Lu#1391 | (1)2; (2)[CodePen](https://codepen.io/luhelen/pen/zYmPOdj) | |
| 151 | luhuang#1381 | (1)2; (2)[CodePen](https://codepen.io/minhuangjack/pen/ZEqagRb) | |
| 152 | 變羊魔法#6372 | (1)2; (2)[CodePen](https://codepen.io/cssf998811/pen/zYmPVMg) | |
| 153 | Rowan#3253 | (1)2; (2)[CodePen](https://codepen.io/Rowanlin/pen/gOBogrr) | |
| 154 | Frank2411#0743 | [CodePen](https://codepen.io/wlk0411/pen/LYgexVv) | |
| 155 | 小明#4408 | [CodePen](https://codepen.io/ujlylmbv-the-lessful/pen/WNaXgxL) | |
| 156 | 鉦勝#8333 | [CodePen](https://codepen.io/atckmax823/pen/RwexpQQ?editors=1100) | |
| 157 | 張金#7225 | (1)2; (2)[CodePen](https://codepen.io/changxchieh/pen/WNadjmo) | |
| 158 | Alan0305#2423 | (1)2; (2)[CodePen](https://codepen.io/alan0305/pen/xxypqvr) | |
| 159 | Yiching#0738 | (1)2; (2)[CodePen](https://codepen.io/haruko_/pen/YzJYNKm) | |
| 160 | 薇拉#8110 | [Codepen](https://codepen.io/michellecc0522/pen/YzJrBro) | |
| 161 | 柚子#3958 | [Codepen](https://codepen.io/as6625998/pen/abRVxzv) | |
| 162 | ruby0316#3380 | (1)2; (2)[Codepen](https://codepen.io/rena6211zera/pen/PoyERdp) | |
| 163 | ABOOS#6276 | (1) 2 (2) [Codepen](https://codepen.io/guhungyin/pen/VwEyXVe?editors=1100) | |
| 164 | 林炘秀#4223 | (1) 2 (2) [Codepen](https://codepen.io/afjrvjzl-the-bashful/pen/vYVprBr) | |
| 165 | Zhong#8917 | (1) 2 (2) [Codepen](https://codepen.io/klfjrlod-the-sasster/pen/PoyEVox) | |
| 166 | Jarvis莊#8679 | (1) 2 (2) [Codepen](https://codepen.io/jason-hsuan/pen/QWZaYNW) | |
| 167 | 一瑋#8459 | (1)2；(2)[CodePen](https://codepen.io/zerosula/pen/Exdorym) | |
| 168 | edie599916#7112 | [CodePen](https://codepen.io/Chen-CiCi/pen/RwexvQv?editors=1100) | |
| 169 | LYC#5516 | [CodePen](https://codepen.io/chi-yen/pen/mdzpLxX) | |
| 170 | Winnie#2737 | [CodePen](https://codepen.io/WinnieHuang/pen/jOeYJLG?editors=1100) | |
| 171 | Sonia Wu#7154 | [CodePen](https://codepen.io/YUJOU/pen/VwEydVg) | |
| 172 | PoWei#8484 | [CodePen](https://codepen.io/harrison-wei-lai/pen/bGmYzyB) | |
| 173 | 阿鬥鬥 | (1) 2 (2)[CodePen](https://codepen.io/yvonne217/pen/ExdQYpo) | |
| 174 | QOO#8446 | [CodePen](https://codepen.io/QOOQOOQ/pen/eYPVOMW?editors=1100) | |
| 175 | 小華#3204 | [CodePen](https://codepen.io/franfranfran/pen/poxpMpB) | |
| 176 | peanut#6709 | [CodePen](https://codepen.io/peanutN/pen/ExdoraW) | |
| 177 | +7#8492 | [CodePen](https://codepen.io/tojibom/pen/wvYPbaV) | |
| 178 | JiaYin#1196 | (1) 2 (2)[CodePen](https://codepen.io/chen19970221/pen/XWxZRmK) | |
| 179 | betty#0693 | (1) 2 (2)[CodePen](https://codepen.io/betty-hu/pen/KKGQqbQ?editors=0100) | |
| 180 | Jojonz_Kao#7998 | (1) 2 (2)[CodePen](https://codepen.io/ewnrzxpr-the-builder/pen/gOBoaqR) | |
| 181 | 啊真真#8940 | (1) 2 (2)[CodePen](https://codepen.io/ewnrzxpr-the-builder/pen/gOBoaqR) | (https://codepen.io/fctamuvf-the-vuer/pen/yLRvKOX) |
| 182 | imlyn_n#2078 | [CodePen](https://codepen.io/imlyn_n/pen/YzJeLMr) | |
| 183 | 喬喬#2824 | (1) 2 (2)[CodePen](https://codepen.io/joanne-wei/pen/vYVdrNd) | |
| 184 | 勁霖#1602 | (1) 2 (2)[CodePen](https://codepen.io/nickwu1229/pen/OJBQXRM) | |
| 185 | Meiru#6310 | (1) 2 (2)[CodePen](https://codepen.io/mei00/pen/WNaXBoQ) | |
| 186 | alll6z#9204 | (1) 2 (2)[CodePen](https://codepen.io/A6Z/pen/abRqrPV) | |
| 187 | Lainie#1931 | (1) 2 (2)[CodePen](https://codepen.io/Lainie88/pen/mdzXzOj?editors=1100) | |
| 188 | 0xMarduk#9925 | (1) 2 (2)[CodePen](https://codepen.io/marduklien/pen/bGmvwyx) | |
| 189 | okda33#1684 | [CodePen](https://codepen.io/wendy362/pen/RweQVyE) | |
| 190 | Yvonne#2721 | (1) 2 (2)[CodePen](https://codepen.io/Evonne/pen/abRqopy?editors=1100) | |
| 191 | Kino#5824 | (1)2 (2)[CodePen](https://codepen.io/Kinolin/pen/vYVeRJx?editors=1100) | |
| 192 | Neal#7428 | (2)[CodePen](https://codepen.io/thinkingsmonkey/pen/vYVRMGO) | |
| 193 | townyuan#2653 | (2)+ [CodePen](https://codepen.io/townyuan/pen/GRYxVbv) | |
| 194 | Erikaaa#1616 | (1) 2 ; (2) [Codepen](https://codepen.io/ChienHua/pen/jOezjaM) | |
| 195 | Alice Su#4613 | (1) 2 ; (2) [Codepen](https://codepen.io/alice0401/pen/mdzXgdE) | |
| 196 | Mylène#42481 | [Codepen](https://codepen.io/hamajibashi/pen/GRYdNvx) | |
| 197 | Döng#2328 | (1) 2 (2) [Codepen](https://codepen.io/htamlkdz-the-encoder/pen/BaqxbmX) | |
| 198 | FanJJ#8061 | (1) 2 (2) [Codepen](https://codepen.io/yfchenn/pen/wvYXzOq) | |
| 199 | brianorz#0736 | (1) 2 (2) [Codepen](https://codepen.io/brianxd123/pen/VwEdaPm) | |
| 200 | Xing#6281 | (1) 2 (2) [Codepen](https://codepen.io/ting-ting-the-bold/pen/BaqVwNw) | |
| 201 | 貢波波夫#3056 | (1) 2 (2) [Codepen](https://codepen.io/mxgrfgcr-the-bashful/pen/PoyePBw) | |
| 202 | Kun#8009 | (1) 2 (2) [Codepen](https://codepen.io/khugjkcd-the-reactor/pen/YzJvdgX) | |
| 203 | FiReBrO#0557 | [Codepen](https://codepen.io/firebro42/pen/ExdRqKE) | |
| 204 | 江江#1947 | [Codepen](https://codepen.io/singing228/pen/JjmpVwK) | |
| 205 | mike519#4399 | 1: 2; 2:[Codepen](https://codepen.io/mike519tw/pen/JjmBdro) | |
| 206 | Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/poxZKwZ) | |
| 207 | 嵐閻#3844 | (1) 2 ; (2) [CodePen](https://codepen.io/shangchu0412/pen/jOevEYM) | |
| 208 | lishuan#3698 | (1) 2 ; (2) [CodePen](https://codepen.io/lishuan/pen/qBJyJLb) | |
| 209 | 鹿熙 Lucy#7187 | (1) 2 ; (2) [CodePen](https://codepen.io/JingHuei/pen/vYVzqmZ?editors=1100) | |
| 210 | 紫紫#7337 | (1) 2 ; (2) [CodePen](https://codepen.io/picahsin/pen/RweYRWZ) | |
| 211 | 路人ADCB#9851 | (1) 2 (2) [CodePen](https://codepen.io/markyourpage/pen/MWPPYLm) | |
| 212 | hello77tw#5984 | (1) 2 (2) [CodePen](https://codepen.io/luyoyo/pen/JjmeGyJ) | |
| 213 | shaofu_chen#9063 | [CodePen](https://codepen.io/coeobkcu-the-lessful/pen/wvYXyBr?editors=1100) | |
| 214 | Elma#4317 | (1)2 (2).[Codepan](https://codepen.io/4317/pen/BaqGPWZ) | |
| 215 | lin_lion#7502 | [Codepan](https://codepen.io/delichaomoon/pen/JjmrNOx) | |
| 216 | Linndaa#7725 | (1) 2 (2)[CodePen](https://codepen.io/Lindatsou/pen/ExdOOVr) | |
| 217 | Idealisticfool#7104 | (1) 2 (2)[CodePen](https://codepen.io/Job-Wilhelm/pen/gOBQymz) | |
| 218 | NathanJames#8120 | [CodePen](https://codepen.io/ufo060204/pen/mdzqPLd) | |
| 219 | Charlene#7703 | (1)2(2) | [CodePen](https://codepen.io/anny114/pen/qBJLyyW) |
| 220 | 小魚#8614 | [CodePen](https://codepen.io/gizelliang/pen/QWZYQzy) | |
| 221 | Syrena#3897 | [codepen](https://codepen.io/Syrena-Chung/pen/mdzoEbo) | |
| 222 | 慢慢來#4035 | [codepen](https://codepen.io/kikiyang/pen/PoyLNjx?editors=1100) | |
| 223 | Kris L.#0262 | (1)2 (2)[codepen](https://codepen.io/Yi-Ting-Lu/pen/NWOEeRe) | |
| 224 | 杰_jie#9088 | (1)2 (2)[codepen](https://codepen.io/hmj8805/pen/RweOYXK) | |
| 225 | Elena Lin #3392 | (1)2 (2)[codepen](https://codepen.io/elenalin119/pen/bGmMJxr) | |
| 226 | eLantriC#4247 | (1)2 (2)[codepen](https://codepen.io/eLantriC/pen/zYmQKBa) | |
| 227 | ztion#8403 | (1)2 (2)[codepen](https://codepen.io/ztion/pen/dyQPmgY?editors=1100) | |
| 228 | pss940909#8650 | [codepen](https://codepen.io/pss940909/pen/ZEmGKdJ) | |