# 使用 Codepen 編輯網頁
CodePen: Online Code Editor and Front End Web Developer.
:::warning
https://codepen.io/
:::
## 申請新帳號並登入
## 介面常用功能
## Assets 功能
Assets 提供一些網頁練習時方便好用的功能，包括：
- Colors (複製顏色值)
- Photos (提供各種尺寸照片供使用，網頁直接連結)
- Patterns (提供背景；CSS 語法)
- Icons (提供小圖示圖樣；SVG 語法)
- Fonts (中文用不到)
{"metaMigratedAt":"2023-06-17T07:46:04.495Z","metaMigratedFrom":"Content","title":"使用 Codepen 編輯網頁","breaks":true,"contributors":"[{\"id\":\"05381f3e-8384-425b-a405-41564bd27152\",\"add\":389,\"del\":0}]"}