2025 iThome 鐵人賽
分享至
CSS 的「生成內容 content」是相當特殊的樣式屬性，這兩個樣式只能套用在特定選擇器，也不會負責「樣式」，而是會產生額外元素的「內容」，這個單元會介紹生成內容 content 與引號 quotes 的用法。
影片重點：
00:00:58 attr() 生成內容 content 00:03:02 content 搭配 attr() 00:05:28 content 搭配 url() 00:08:34 content 搭配 counter()、counters() 00:10:58 content 組合多種內容 00:11:34 content 顯示引號、空白或反斜線 00:13:13 引號 quotes
相關參考：
教學文：CSS 生成內容 content、引號 quotes 影片連結：https://www.youtube.com/watch?v=pKoHhEBzAVk
更多參考： Youtube 頻道：https://www.youtube.com/@steam.oxxostudio CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html
更多參考：
IT邦幫忙
iThome鐵人賽
看影片追技術