border-radius屬性可以單獨指定圓角的水平和垂直半徑悯蝉,用斜杠分隔兩個值(/),并且可以使用百分比托慨,這個百分比會基于元素的尺寸鼻由,其本身實際上是一個簡寫屬性,展開式為4個角的值。
半橢圓
border-radius: 50% 50% 0 0 / 100% 100% 0 0;
四分之一圓
border-radius: 100% 0 0 0;
使用這種技巧可以生成很多有趣的按鈕 http://simurai.com/archive/buttons/
border-radius屬性可以單獨指定圓角的水平和垂直半徑悯蝉,用斜杠分隔兩個值(/),并且可以使用百分比托慨,這個百分比會基于元素的尺寸鼻由,其本身實際上是一個簡寫屬性,展開式為4個角的值。
半橢圓
border-radius: 50% 50% 0 0 / 100% 100% 0 0;
四分之一圓
border-radius: 100% 0 0 0;