在css2中，如果需要失效一些圓角或者半圓等等效果，一般是要通過ps等軟件來處理的，在CSS3中，則不需要了，只需要通過border-radius就可以實現(xiàn)，大大方便了開發(fā)的效率。

創(chuàng)新互聯(lián)自成立以來，一直致力于為企業(yè)提供從網(wǎng)站策劃、網(wǎng)站設計、網(wǎng)站設計制作、成都網(wǎng)站制作、電子商務、網(wǎng)站推廣、網(wǎng)站優(yōu)化到為企業(yè)提供個性化軟件開發(fā)等基于互聯(lián)網(wǎng)的全面整合營銷服務。公司擁有豐富的網(wǎng)站建設和互聯(lián)網(wǎng)應用系統(tǒng)開發(fā)管理經(jīng)驗、成熟的應用系統(tǒng)解決方案、優(yōu)秀的網(wǎng)站開發(fā)工程師團隊及專業(yè)的網(wǎng)站設計師團隊。

無論圓角、圓弧、實心圓、半圓，css3的實現(xiàn)代碼都是 border-radius 屬性，border-radius 不但可以定義圓半徑和圓角大小，還可以畫出各種方向的半圓。

代碼

    
    
    
    


    

        
上邊圓
        
左邊圓
        
下邊圓
        
左邊圓
        
全圓
    


web前端開發(fā)學習Q-q-u-n：⑦⑧④-⑦⑧③-零①②，分享學習的方法和需要注意的小細節(jié)，不停更新最新的教程和學習方法（詳細的前端項目實戰(zhàn)教學視頻

效果如下：