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

在上篇文章中，我們用簡單的圓形加上模糊效果繪製了不規則的漸層，這篇我們來探討如何繪製各種形狀，其實使用 CSS 邊框 (border) 中的「邊框圓角 (bo...

技術 Secret 9: 靈活的橢圓形

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

技術 Secret 4: 內部圓角

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