技術 #41 用 CSS border-radius 畫圓角與圓圓的形狀：圓、圓柱、橢圓、蛋型、鐘型、葉子 (眼睛)、花瓣 (水滴/心形)、牛角 (彎月)

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會 b...

技術 Secret 9: 靈活的橢圓形

自從border-radius成為標準後，開發者們終於不必再用圖片製作圓角的圖案。想要一個正圓形，只要將border-radius設為正方形邊寬的一半就可以了。...

技術 Secret 4: 內部圓角

有時我們會需要讓邊界裡面是圓角，但是外面還是維持直角。 最直覺的做法是用二個 <div> 一個做內框一個做外框，外框的背景顏色是邊界的顏色。 &l...