可點選QR code
也可+ID帳號:@webdesigns
歡迎您的諮詢唷

文章專區

最新網頁設計文章

border-radius-CSS的圓角屬性

預設的div區塊為方形,CSS的border-radius屬性可以幫div添加圓角的效果,

設定值為圓角的半徑值,例如:border-radius:5px 意思為圓角半徑為5px

我們可以依據自身需求為div的四個邊分別設定不同數值,
四個數值對應的方向為 border-radius:  左上 右上 右下 左下
範例:
 
以上範例僅設了兩個圓角10px,分別為右下角和左下角,其他兩邊設成0,所以會是直角。
 
若只設一個數值,則全部的角皆會設成該值
範例:
 
 
若要設計圓形可以設border-radius: 99em
範例:

 
 

更多文章