---
# System prepended metadata

title: "\U0001F3C5 切版任務 Day4 - HTML、CSS 文字設定與 margin、padding 運用"
tags: [軟體工程師體驗營 - 2023]

---

---
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-- 他只是一隻尖叫的章魚，騙不了我((不可以選這個!))
```

![A 圖](https://i.imgur.com/phQ1SQh.png)　　　　　　![B 圖](https://i.imgur.com/WP8lOTY.png)

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

![](https://i.imgur.com/tAJAG6m.png)
> [圖片連結](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 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）

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

<!-- 

解答：
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)                           |                                                    |