關(guān)于CSS3圓角圖形
我們知道,CSS3有許多很酷的屬性和效果,圓角邊框就是其中之一。 使用border-radius屬性可以輕松地實(shí)現(xiàn)圓角效果。以下是一些常見(jiàn)用法: 1. 圓角矩形 border-radius: 10px; 2. 橢圓形 border-radius: 50%; 3. 不同角的圓角矩形 border-radius: 10px 20px 30px 40px; (順序?yàn)樽笊辖牵疑辖牵蚁陆牵笙陆牵? 4. 半圓形 border-top-right-radius: 50px; border-bottom-right-radius: 50px; 5. 等分圓形 border-radius: 50px / 50px; (可以使用不同的值來(lái)實(shí)現(xiàn)橢圓形或不對(duì)稱形狀) 6. 多重圓角 border-radius: 10px 20px 30px 40px / 50px 60px 70px 80px; 以上是一些基礎(chǔ)用法,還有很多高級(jí)用法等待您去探索。記得兼容各種瀏覽器哦!