CSS是一種常用的網頁設計語言,其中一個重要的屬性是圓角。在CSS中,圓角的寫法有許多種,我們可以根據不同場景的需要選擇合適的寫法。
/* 圓形 */ div{ border-radius:50%; width:100px; height:100px; background-color:#f00; } /* 橢圓形 */ div{ border-radius:50%/70%; width:100px; height:70px; background-color:#f00; } /* 半圓 */ div{ border-radius:0 0 50% 50%; width:100px; height:50px; background-color:#f00; } /* 等腰梯形 */ div{ border-radius:10px/45px; width:100px; height:50px; background-color:#f00; } /* 自定義圓角 */ div{ border-radius:10px 0 0 20px/50px 20px 30px 10px; width:100px; height:70px; background-color:#f00; }
以上便是CSS中一些常見圓角寫法,當然還存在其他寫法。大家可以根據實際需要進行選擇。
上一篇css .怎么使用
下一篇mysql的打開方式在哪