關于CSS3圓角圖形
我們知道,CSS3有許多很酷的屬性和效果,圓角邊框就是其中之一。 使用border-radius屬性可以輕松地實現圓角效果。以下是一些常見用法: 1. 圓角矩形 border-radius: 10px; 2. 橢圓形 border-radius: 50%; 3. 不同角的圓角矩形 border-radius: 10px 20px 30px 40px; (順序為左上角,右上角,右下角,左下角) 4. 半圓形 border-top-right-radius: 50px; border-bottom-right-radius: 50px; 5. 等分圓形 border-radius: 50px / 50px; (可以使用不同的值來實現橢圓形或不對稱形狀) 6. 多重圓角 border-radius: 10px 20px 30px 40px / 50px 60px 70px 80px; 以上是一些基礎用法,還有很多高級用法等待您去探索。記得兼容各種瀏覽器哦!
上一篇css3在線設計
下一篇css li不居中顯示