作者簡介
寫好每一篇文章讓各位都能學習到各種小知識,希望大家會喜歡!
這次要來介紹 CSS 上的框線語法來讓上下左右的邊邊圓角化,只需要透過 border-radius 這項語法的調整就能很容易辦到囉。
程式語法:CSS3
使用語法:border-radius
border-radius: 數字 + size 格式;
範例:從原本的正方形 > 變成四邊都圓角化 > 更可以變成圓形
> 正方形
> 變成圓角
> 變成圓形
上左
border-top-left-radius: 數字 + size 格式;
範例:
上右
border-top-right-radius: 數字 + size 格式;
範例:
下面右邊
border-bottom-right-radius: 數字 + size 格式;
範例:
下面左邊
border-bottom-left-radius: 數字 + size 格式;
範例:
簡寫的方式:
border-radius: 上左 上右 下右 下左;
範例:
喜歡這篇文章的話
請按個讚或者分享支持一下!
喜歡這篇文章的話
請按個讚或者分享支持一下!
最新的教學及情報資訊都在INMAG!