可點選QR code
文章專區
網頁設計相關文章
border-radius－CSS的圓角屬性
預設的div區塊為方形，CSS的border-radius屬性可以幫div添加圓角的效果，
設定值為圓角的半徑值，例如：border-radius:5px 意思為圓角半徑為5px
我們可以依據自身需求為div的四個邊分別設定不同數值，
四個數值對應的方向為 border-radius: 左上 右上 右下 左下
範例：
以上範例僅設了兩個圓角10px，分別為右下角和左下角，其他兩邊設成0，所以會是直角。
若只設一個數值，則全部的角皆會設成該值
範例：
若要設計圓形可以設border-radius: 99em
範例：
