---
# System prepended metadata

title: "\U0001F3C5 Day 11"
tags: [網頁切版直播班 - 2022 夏季班]

---

---
tags: 網頁切版直播班 - 2022 夏季班
---
# 🏅 Day 11

## 文字設定（font-size、line-height）
只要有運用到文字的部分，都要記得依照設計稿設定文字大小 font-size 與行高 line-height

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

### 題目
請依照[第一週設計稿](https://xd.adobe.com/view/ea9b77e8-282b-44dd-b785-8d59a751eeda-bfc8/specs/)，將下方程式碼「...」部分加入文字樣式設定（學歷區塊）

```htmlembedded=
<div class="container">
  <div class="education">
    <h2 class="title">學歷<span class="subTitle">EDUCATION</span></h2>
    <ul>
      <li class="mb-2">國立六角師範大學 視覺設計學系 學士學位 | 2016－2020</li>
      <li>國立六腳高級中學 美術班 | 2013－2016</li>
    </ul>
  </div>
</div>
```

```css=
.container {
  width: 1200px;
  margin: 0 auto;
}

.mb-2 {
  margin-bottom: 16px;
}

.title {
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid #000;
  ...
}

.subTitle {
  color: #A00404;
  margin-left: 16px;
  ...
}

.education li {
  ...
}
```





## 回報流程

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

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

<!-- 解答：https://codepen.io/hexschool/pen/jOzOEgg?editors=1100 -->


回報區
---


|      Discord      |                               CodePen / 答案                                |
|:-----------------:|:---------------------------------------------------------------------------:|
|     薏慈#3795     |             [CodePen](https://codepen.io/its_wang/pen/oNqygvr)              |
|     Anna Liu#3794     |             [CodePen](https://codepen.io/anna618/pen/mdxrrqG)              |
|     小鐵#2814     |             [CodePen](https://codepen.io/xiron/pen/abYZKGX)              |
|     𝓛𝓊𝒸𝓎#8635     |             [CodePen](https://codepen.io/lucygirl/pen/WNzrrRG)              |
|     大衛#4869     |             [CodePen](https://codepen.io/exnsrpjc/pen/MWVemRP)              |
|    JackC#0411     |              [CodePen](https://codepen.io/key0329/pen/KKoMmLe)              |
|     Chi#7605      |              [Codepen](https://codepen.io/YoChi84/pen/LYdZyKE)              |
|     洋蔥#5295     |               [Codepen](https://codepen.io/HSUNA/pen/RwMRVzG)               |
|    Clara#1275     |       [CodePen](https://codepen.io/bsupixqu/pen/MWVemNP?editors=1100)       |
|    Joyce#3790     |      [CodePen](https://codepen.io/joycehuang/pen/dymXRPG?editors=1100)      |
|    hungya#0773    |      [CodePen](https://codepen.io/hungya777/pen/zYWBwgQ?editors=1100)       |
| bonnieli1414#4906 |     [CodePen](https://codepen.io/bonnieli1414/pen/xxWOrbK?editors=1100)     |
|    Benson#6763    |             [CodePen](https://codepen.io/kumashow/pen/BarzZzJ)              |
|  Winnie Wu#5468   |       [CodePen](https://codepen.io/Pooh-Wu/pen/ExEyXyY?editors=1100)        |
|     yuyu#6310     |       [CodePen](https://codepen.io/yuyu0905/pen/ExEyXWx?editors=1100)       |
|  Karol-Kuo#5287   |            [CodePen](https://codepen.io/ting-yu-kuo/pen/LYdZLyZ)            |
|     群嘉#3943     |       [CodePen](https://codepen.io/efzdamnp-the-lessful/pen/zYWBzzY)        |
|    peter.chen#    |      [Codepen](https://codepen.io/JIAN-RONG/pen/xxWOrXZ?editors=1100)       |
|   Amberhh#2465    |       [Codepen](https://codepen.io/Amberhh/pen/jOzrwxd?editors=1100)        |
|   WEI_RIO#9342    |        [Codepen](https://codepen.io/wei_wu/pen/yLKJXjW?editors=1100)        |
|    連小艾#0791    |             [CodePen](https://codepen.io/bolaslien/pen/wvmWeXE)             |
|  PeggyLiao#1552   |      [CodePen](https://codepen.io/PeiJu-Liao/pen/KKoMqXJ?editors=1100)      |
|    pidder#7315    |            [CodePen](https://codepen.io/pidderliao/pen/gOeMRje)             |
|  LHchien33#6232   |      [CodePen](https://codepen.io/lin_chien/pen/GRxqEBQ?editors=1100)       |
|     小諾#1866     |              [CodePen](https://codepen.io/noichan/pen/zYWBzmr)              |
|      Ke#1391      |             [CodePen](https://codepen.io/federerke/pen/OJvXgdo)             |
|     威爾#1694     |              [CodePen](https://codepen.io/WILL_Wu/pen/WNzxOPm)              |
|    Aritan#1931    |              [CodePen](https://codepen.io/Aritan/pen/vYRKZPp)               |
|     Hsiu#8767     |      [CodePen](https://codepen.io/amy-hsiao-the-scripter/pen/xxWOrjV)       |
|     狸貓#5863     |             [CodePen](https://codepen.io/tanuki320/pen/RwMRgXM)             |
|    布魯諾#7239    |             [CodePen](https://codepen.io/bruno-yu/pen/GRxqEVG)              |
|   Tuhacrt#0008    |              [CodePen](https://codepen.io/Tuhacrt/pen/wvmWqzZ)              |
|   Jenny真#7532    |            [CodePen](https://codepen.io/wei-chen-wu/pen/NWYrgoo)            |
|  Leo Song #8278   |      [Codepen](https://codepen.io/sunnylaba/pen/MWVevme?editors=1100)       |
|   Jamie Wu#9345   |             [CodePen](https://codepen.io/Wu220103/pen/gOeMxOd)              |
|   LinaChen#1796   |             [CodePen](https://codepen.io/LinaChen/pen/gOeMxjJ)              |
|  suihsilan#9485   |             [CodePen](https://codepen.io/suihsilan/pen/bGverQd)             |
|     小白#2406     |            [CodePen](https://codepen.io/gracewhite/pen/ExEyvGo)             |
|   CloThEs#2406    |         [CodePen](https://codepen.io/bogwdnxx-the-sans/pen/OJvXjYJ)         |
|     zera#6060     |            [CodePen](https://codepen.io/zera-tseng/pen/QWmEMXK)             |
|     Sin#0040      | [CodePen](https://codepen.io/sophmfyt-the-sasster/pen/gOergNZ?editors=1100) |
|    Mylène#2481    |            [Codepen](https://codepen.io/hamajibashi/pen/QWmEMoE)            |
|     咻蹦#1526     |              [CodePen](https://codepen.io/emmasyu/pen/rNdLGjv)              |
|     威0#6919      |            [CodePen](https://codepen.io/n0918679182/pen/xxWOXYB)            |
|    黃士桓#7654    |          [codePen](https://codepen.io/shr-huan-huang/pen/ExEywLG)           |
| 雷雷#7844                  |      [codePen](https://codepen.io/lei-yi-jie/pen/eYMzeOx)                                                                       |
|    JingXuanLin    |      [codePen](https://codepen.io/YouShuang/pen/QWmEMRE?editors=1100)       |
| Sentiments#4883 | [codePen]([/Up-5HPhMSyOf3Nahy1jGLQ](https://codepen.io/Sentiments/pen/Barzmyw))|
|    Daisy_Li#4231  |      [codepen](https://codepen.io/lidairong-gmail-com/pen/BarzwEZ)|
|    YaWen #2752  |      [codepen](https://codepen.io/yuwendy/pen/LYdZOQR)|
|    Fanglin#4054    |    [Codepen](https://codepen.io/flynn841028/pen/wvmWPEE)    |
| Iris Huang#6727 | [CodePen](https://codepen.io/ythuang/pen/jOzraJo) |
| 肯肯#1576 | [CodePen](https://codepen.io/kkwcan/pen/GRxqOzx?editors=1100) |
| ajhappy#6488 | [CodePen](https://codepen.io/ajhappy5438/pen/rNdLJjv) |
| 我是泇吟 #5189 | [CodePen](https://codepen.io/kljuqbxs/pen/NWYryRb) |
| Melon #0380 | [CodePen](https://codepen.io/BalaFang/pen/eYMzVgM) |
| leeli #6243 | [CodePen](https://codepen.io/leelilee/pen/vYRKdrO) |
| YI#0863 | [CodePen](https://codepen.io/YI0305/pen/gOeMvqL?editors=1100) |
| jin.huang#4666 | [CodePen](https://codepen.io/HJ7878/pen/xxWOWdG?editors=1100) 
|
|Jason1#2538 |  [CodePen](https://codepen.io/jotwxezb-the-encoder/pen/vYRKRQe) |
|     YU #0618     |  [CodePen](https://codepen.io/yoken_/pen/WNzxzVW)              |
|     艾草#4830     |  [CodePen](https://codepen.io/jmkhsutp/pen/OJvXZMr)              |
|LINK#1933|  [CodePen](https://codepen.io/miyayoe/pen/xxWOjLX)              |
 |yu魚#1330   |   [CodePen](https://codepen.io/Yu_yu/pen/MWVeGmy)| 
 |阿基基#2557|[codepen](https://codepen.io/JIJI_GNI/pen/bGveMWP)|
 |浪裡小白龍#6860|[codepen](https://codepen.io/Emillo/pen/eYMzrjv?editors=1100)|
 |QOO#8446|[codepen](https://codepen.io/QOOQOOQ/pen/vYRKjrQ)|
  |Yuna Huang #2692|[codepen](https://codepen.io/Yuna1002/pen/ZExOoZy)|
|Ryan Chiang#6649|[Codepen](https://codepen.io/ryanchiang/pen/yLKJELb)|
| Yunei#6323 |[Codepen](https://codepen.io/Yunei/pen/OJvXEVV)|
| 肉魚#2149 |[Codepen](https://codepen.io/zoechen13/pen/qBoNKaL)|
|Van.CS|[Codepen](https://codepen.io/fbacojji-the-selector/pen/ExEyRNp)|
|Vian#7338|[Codepen](https://codepen.io/vianwu31/pen/ExEypQj)|
|      楓之聲#6945      |             [CodePen](https://codepen.io/sshane258/pen/zYWBLXr)             |
|鑫鑫#4346|[CodePen](https://codepen.io/Neil1024/pen/poLbZeQ)
|得源#8355|[CodePen](https://codepen.io/aglgvsie/pen/zYWBJad)|
|Shuo#1596|[codepen](https://codepen.io/chiangchungshuo/pen/oNqLQGL)|
|jeter#8014|[codepen](https://codepen.io/gi-tai-she/pen/BarzERb?editors=1100)|
| YC#2522 | [CodePen](https://codepen.io/YCLu/pen/JjLKqYB) |
|mickey#8745|[codepen](https://codepen.io/weizhetseng/pen/poLbXWq)|
|小樽#3151|[codepen](https://codepen.io/tzuenliou/pen/dymXxNJ)|
|鴨鴨#9822|[Codepen](https://codepen.io/qrvrqvxv-the-selector/pen/abYZeaL?editors=1100)|
| JarDar #6980 | [codepen](https://codepen.io/jardarpen/pen/PoRGYPo) |
| Kiwi#9804 | [Codepen](https://codepen.io/kiwi1113/pen/poLEzwr)|
| Henry#7386 | [Codepen](https://codepen.io/h1nr9/pen/PoRGwby)|
|IreneY #0086 | [Codepen](https://codepen.io/HalfPlannedJourney/pen/MWVjYry)|
|熊二#3824|[CodePen](https://codepen.io/BeckLai/pen/PoRGwRL)|
|SASIMI#5099|[CodePen](https://codepen.io/sashimi1327/pen/qBoadWK)|
|bakiii|[codepen](https://codepen.io/aki168/pen/WNzGQbd)|
|int#7518|[Codepen](https://codepen.io/intHuang/pen/yLKaeNB?editors=1100)|
|此暱稱已被使用#6514|[Codepen](https://codepen.io/pnjle6587/pen/dympMzL)|
| Yuan962#5897| [Codepen](https://codepen.io/Jasmine-Liao/pen/BarLLpv)|
| 阿蘇#8531| [Codepen](https://codepen.io/susu8327/pen/KKoggRp)|
| Vera#5592| [Codepen](https://codepen.io/skvera/pen/poLEROG)|
| 鉦勝 #8333| [Codepen](https://codepen.io/atckmax823/pen/yLKaJjZ)|
| NeilLin#3009| [Codepen](https://codepen.io/a0071421/pen/[qBoaPMv](https://codepen.io/a0071421/pen/qBoaPMv))|
|Andy Hung#3335|[Codepen](https://codepen.io/andyhung0723/pen/RwMGjOZ)|
| 黑白兔#0684| [Codepen](https://codepen.io/johnny329/pen/rNdMpMO)|
| skypassion5000#4151| [Codepen](https://codepen.io/skypassion5000/pen/ExEgEar?editors=1100)|
| Pony#6778| [Codepen](https://codepen.io/Pony0303/pen/PoRGBRK)|
|Manson許 #2295| [Codepen](https://codepen.io/oupbzfxq-the-scripter/pen/rNdMQKg)|
|Fang #4680| [Codepen](https://codepen.io/std95174/pen/ZExBYMQ)|
|阿翰 #1984| [Codepen](https://codepen.io/JohnHan05/pen/abYBdvd)|
|Clara Cai#7097| [Codepen](https://codepen.io/Clara-Snowy/pen/jOzVqLM)|
|choubree#4350| [Codepen](https://codepen.io/BreeChou/pen/vYRyygv)|
|kevin8349#6131| [Codepen](https://codepen.io/xlqjezvc-the-encoder/pen/BarQWjx)|
|kancheng#3915| [Codepen](https://codepen.io/kancheng/pen/vYRyxaR)|
|christina#6185|[Codepen](https://codepen.io/chrisc0210/pen/XWENqKW)
|Nini Chen#5790|[Codepen](https://codepen.io/ninistyle/pen/zYWNGYo?editors=1100)
|Carrie #2750| [Codepen](https://codepen.io/carrie-wang/pen/vYRgOmV)|
|toshow#5609|[Codepen](https://codepen.io/toshow/pen/OJvWVeV)|
| 柏PO #5617| [CodePen](https://codepen.io/apo_1798/pen/JjLERab)|
| GARBO#6659 | [CodePen](https://codepen.io/garbo8130/pen/poLRraB)|
| sophiee#7015 | [Codepen](https://codepen.io/sophiee2727/pen/WNzRXNG)|
| 肉桂卷#0625 | [CodePen](https://codepen.io/ginnlee/pen/mdxRqBJ?editors=1100)|
| 瑞瑞#4605 | [CodePen](https://codepen.io/tsai-li-ting/pen/abYpVaM)|
|hua#9099|[Codepen](https://codepen.io/LHua/pen/yLKMLyM)|
|Gui#9571|[CodePen](https://codepen.io/guitimliu/pen/ExEWJgM)
|紙飛機#1335|[CodePen](https://codepen.io/paperplanea/pen/LYdWKLg)|
|艾芮絲#6060|[CodePen](https://codepen.io/wangyingju/pen/dymvxKM)|
|EmilyLin#0526|[CodePen](https://codepen.io/c199615/pen/qBomBzv)|
|WEI#0797|[CodePen](https://codepen.io/wei-z/pen/GRxmGyx)|
|鎔瑄|[CodePen](https://codepen.io/barbarayou/pen/KKoNROw?editors=1100)|
|Tori#1248|[CodePen](https://codepen.io/FlyTori/pen/zYWzQxX)|
|Deborah#0033|[CodePen](https://codepen.io/deborah-tsai/pen/LYdjLJQ)|
|Cream#3449|[CodePen](https://codepen.io/frxdwbbi-the-sasster/pen/rNdzGjR?editors=1100)|
|KarenChan#4625|[CodePen](https://codepen.io/ruruchan7/pen/eYMGKmr)|
|rueee#7997|[CodePen](https://codepen.io/Jull-C/pen/BarwPOG)|
|ROKA#4051|[CodePen](https://codepen.io/chengchiaoyi/pen/jOzaOaJ?editors=1100)|
|mei#8421|[CodePen](https://codepen.io/Shila-Chen/pen/vYRpBwL)|
|Jumpye#8601|[CodePen](https://codepen.io/Jumpye/pen/mdxXPvd?editors=1100)|
|RuoAn#7124|[CodePen](https://codepen.io/LiauRuoAn/pen/dymmWQQ)|
|CJ07#0176|[CodePen](https://codepen.io/cjtseng07/pen/YzaaOzq)|
|Rena#6429|[CodePen](https://codepen.io/aureate0116/pen/MWVPPWr)|
|NathanJames#8120|[CodePen](https://codepen.io/ufo060204/pen/abYQBBQ)|
|KT Hsieh#2861|[CodePen](https://codepen.io/KTHsieh/pen/LYdqEMe)
|心幻羽#0056|[CodePen](https://codepen.io/linglingsyu/pen/rNdbXjo)

