---
# System prepended metadata

title: "\U0001F3C5 切版任務 Day22 - 運用背景創造下底線"
tags: [軟體工程師體驗營 - 2024]

---

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

# 🏅 切版任務 Day22 - 運用背景創造下底線

## 題目 
實際做出下圖內「資深UI設計師」與「前端工程師」的底線處
![](https://imgur.com/iBmuW5w.png)
可以自行嘗試或者是參考[這個模板](https://codepen.io/jmimiding4104/pen/NWVqRpX)實作這個區塊。

## 回報流程

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

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

<!-- 

解答：
https://codepen.io/jmimiding4104/pen/YzbwJKy

-->


回報區
---

| 報數 | Discord 名字  |  Codepen／其他回饋                                                         |
|:----:|:-------------------:|:---------------------------------------------------------------------------------------------------------------------------------:|
| 1 | Meng | [Codepen](https://codepen.io/menglin1203/pen/abrZxZw) |
| 2 | Lauren | [Codepen](https://codepen.io/Lauren8/pen/QWREPKW) |
| 3 | yunyouob | [Codepen](https://codepen.io/ozkkvlsu-the-animator/pen/LYoZvRe)|
| 4 | 詹姆士 | [Codepen](https://codepen.io/z111048/pen/JjqKVbr?editors=1100)|
| 5 | Hailey | [Codepen](https://codepen.io/sxbokfja-the-flexboxer/pen/qBGNwKY)|
| 6 | tim | [Codepen](https://codepen.io/jskrtivy-the-animator/pen/rNgLbvw)|
| 7 | anderson666 | [Codepen](https://codepen.io/goodmanbuild/pen/mdYEgLo)|
| 08 | Aya | [Codepen](https://codepen.io/NoNameNote/pen/LYoZvrr) |
|  09  | WEIWEI | [Codepen](https://codepen.io/weiwei93/pen/eYazoPR?editors=0110) |
|  10  | s870012 | [Codepen](https://codepen.io/weiwei93/pen/eYazoPR?editors=0110) |
|  11  | JUN_ | [Codepen](https://codepen.io/Jun-L/pen/KKLMLmX) |
|  12  | WW | [Codepen](https://codepen.io/Jeffery-the-bashful/pen/pombmGK) |
|  13  | Antonio | [Codepen](https://codepen.io/gwhvusel-the-builder/pen/LYoZoqY) |
|  14  | Jiahe | [Codepen](https://codepen.io/Andywang-95/pen/abrZgyv?editors=1100) |
|  15  | Emma | [Codepen](https://codepen.io/huang_L/pen/gOJMNje?editors=1100) |
|16  | Chen | [Codepen](https://codepen.io/yingchangchen/pen/LYoZwQm) |
| 17 | Michelle0417 |[Codepen](https://codepen.io/michelle0417/pen/eYazqwG) |
|  18  | Tough life | [Codepen](https://codepen.io/hakuei0115/pen/MWdjgpQ) |
|  19  | Ariel | [Codepen](https://codepen.io/ariel0510/pen/VwOKZaO) |
|  20  | easonpan | [Codepen](https://codepen.io/easonpan0904/pen/pomEzQV) |
|  21  | Chia Pin | [Codepen](https://codepen.io/joker-cat/pen/rNgMNra) |
|  22  | Kaya | [Codepen](https://codepen.io/kayaribi/pen/LYoREbe) |
|  23  | kawa | [Codepen](https://codepen.io/z83xji6/pen/pomEvdy) |
|  24  | suandme | [Codepen](https://codepen.io/su-su-the-sans/pen/mdYreyR) |
|  25  | Mionne | [Codepen](https://codepen.io/neohyntw/pen/eYadNwb) |
|  26  | 薛逢 | [Codepen](https://codepen.io/vogqyrrj-the-selector/pen/QWRKjbr) |
|  27  | zaoannihao | [Codepen](https://codepen.io/ckhwdvrx-the-solid/pen/qBGaamV) |
|  28  | Sonia | [Codepen](https://codepen.io/YUJOU/pen/BaeLQqW?editors=1100) |
|  29  | Zander | [Codepen](https://codepen.io/chuangmaster/pen/QWRKKNe) |
|  30  | Tanyaaaa | [Codepen](https://codepen.io/tanya77777/pen/KKLgqmG) |
|  31  | Casey | [Codepen](https://codepen.io/Caseyyyyyyyyyyyyyy/pen/GRajMjR) |
|  32  | macihuang | [Codepen](https://codepen.io/macy1215/pen/ExzgQwe) |
|  33  | 阿若 | [Codepen](https://codepen.io/skar5268/pen/bGywQLM) |
|  34  | JY | [Codepen](https://codepen.io/jylee0805/pen/dyEXjQz) |
|  35  | 風羽 | [Codepen](https://codepen.io/Joy-Huang/pen/ZENpZVB?editors=1100) |
| 36 | Hsiu8767 | [Codepen](https://codepen.io/hsiu8767/pen/ZENpgOG) |
| 37 | LiLiLiLi | [Codepen](https://codepen.io/jungang0414/pen/YzbGmeL?editors=0110) |
| 38 | boin | [Codepen](https://codepen.io/boinji/pen/QWRGwvX)|
| 39 | mike_2049 | [Codepen](https://codepen.io/mike2049/pen/qBGqdwG?editors=1100)|
| 40 | 小白 | [Codepen](https://codepen.io/xjbowjbr-the-builder/pen/yLWarOB)|
| 41 | ninii傳教士 | [Codepen](https://codepen.io/niiniiii/pen/ExzNNGd?editors=1100)|
| 42 | jerry | [Codepen](https://codepen.io/sony791210/pen/wvboebX)|
|  43  | 邵 | [Codepen](https://codepen.io/ukscrlno-the-typescripter/pen/NWVbXBZ) |
|  44  | Shen | [Codepen](https://codepen.io/yan-Shen-the-decoder/pen/XWwNxmg) |
|  44  | Yini Chen | [Codepen](https://codepen.io/CYini/pen/MWdbdVo) |
|  45  | peggy | [Codepen](https://codepen.io/peggy0419/pen/zYQNvPb) |
|  46  | oyll | [Codepen](https://codepen.io/dizzydog-rgb/pen/GRarZbg) |
|  47  | Winnie | [Codepen](https://codepen.io/codepen-io-winnie/pen/WNBRXgd?editors=1100) |
|  48  | Sammy | [Codepen](https://codepen.io/fsczdlla-the-bold/pen/zYQNQoZ?editors=1100) |
|  49  | maruko1105 | [Codepen](https://codepen.io/marukox1105/pen/VwOpMwr?editors=0110) |
|  50  | LYC | [Codepen](https://codepen.io/LY-C/pen/zYQwVba) |
|  51  | Anais77|  [Codepen](https://codepen.io/liu-anais/pen/MWdoejj)|
|  52  | 勾小勻 |  [Codepen](https://codepen.io/qkvyujcc-the-encoder/pen/LYoLjLw)|
|  53  | Anna  | [Codepen](https://codepen.io/Anna-Teng/pen/abrLpON)|
|  54  | Amy(咂摳)  | [Codepen](https://codepen.io/nnxucgmc-the-builder/pen/vYwWpOa)|
|  55  | Taiwanno1  | [Codepen](https://codepen.io/uhnxswdq-the-typescripter/pen/ZENvOVE?editors=1100)|
|  56  | hao jing  | [Codepen](https://codepen.io/hjxu/pen/ZENveyO?editors=1101)|
|  57  | Jainee  | [Codepen](https://codepen.io/Jainee0110/pen/zYQWWKm)|
| 58 | ChrisLin | [Codepen](https://codepen.io/vllzfzco-the-reactor/pen/ZENNzNe) |

<!--
|  num  | user | [Codepen]() |
-->


