2025 iThome 鐵人賽
分享至
輪廓是一種會出現在元素「邊框外緣」的一種「裝飾線條」，具有不佔空間又不受限矩形的特性，這個單元會介紹控制輪廓樣式的 outline、outline-style、outline-width 和 outline-color 用法，最後還會介紹什麼是「不規則形狀」的輪廓。
影片重點：
00:00:50 認識 outline 00:02:35 outline-style 輪廓樣式 00:03:44 outline-width 輪廓粗細 00:05:42 outline-color 輪廓顏色 00:06:37 outline-offset 輪廓位置 00:08:09 outline 輪廓 ( 縮寫格式 ) 00:09:11 不規則形狀的 outline
相關參考：
教學文：CSS outline 輪廓 影片連結：https://www.youtube.com/watch?v=nak1QXF0w-E
更多參考： Youtube 頻道：https://www.youtube.com/@steam.oxxostudio CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html
更多參考：
IT邦幫忙
iThome鐵人賽
看影片追技術