---
# System prepended metadata

title: <font class="h2">Codepon使用</font>
tags: [其他]

---

# <font class="h2">Codepon使用</font>
###### tags: `其他`
<style>
.h2 {
  background: linear-gradient(135deg,#fff,#537479) ;
  color: #537479;
  display:block;
  padding: 6px 5px;
  border-radius: 4px;
}
.h3 {
    background: linear-gradient(180deg,#fff 50%,#c9d5d4) ;
  color: #537479;
  display:block;
  padding: 6px 5px;
  border-bottom: 3px solid #537479;
}
.h4 {
  color: #537479;
  font-weight:bold;
  font-size:1.1em;
}
</style>
:arrow_right: ==[Codepon](https://codepen.io/trending)==

![](https://i.imgur.com/L9CBV0T.jpg)
<br>

**設定CSS reset**
![](https://i.imgur.com/BdmMPOx.jpg)
<br>

**更換版面**
![](https://i.imgur.com/WcZrQxf.jpg)
<br>

**fork可以複製別人的code來進行修改**
![](https://i.imgur.com/zx3OzLj.jpg)
<br>

### <font class="h4">➤套件使用</font>

![](https://i.imgur.com/kf1JOnv.jpg)
可以放在javascriopt

![](https://i.imgur.com/99LK1If.jpg)
也可以放在html的header上


