在前端開(kāi)發(fā)中,CSS是不可或缺的一個(gè)技能。而其中一個(gè)常見(jiàn)的使用就是制作圓形。下面我們來(lái)介紹使用IE瀏覽器制作圓形的方法。
/* CSS代碼片段 */ /* 等比例的圓形 */ .circle { width: 100px; height: 100px; border-radius: 50%; } /* 橢圓 */ .oval { width: 120px; height: 80px; border-radius: 50%/20%; } /* 半圓 */ .half-circle { width: 100px; height: 50px; border-radius: 50% / 100% 100% 0% 0%; }
上述代碼中,我們使用了CSS3的border-radius屬性來(lái)制作圓形。設(shè)置圓角半徑為50%即可得到等比例的圓形,而設(shè)置不同的水平和垂直半徑則可得到橢圓形。而對(duì)于制作半圓,我們則使用了扇形的思路,將上下兩個(gè)角度設(shè)置為100%即可實(shí)現(xiàn)半圓形狀。
上一篇docker-link
下一篇ie css 背景色