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

創(chuàng)新互聯(lián)建站專注于企業(yè)全網整合營銷推廣、網站重做改版、城廂網站定制設計、自適應品牌網站建設、H5頁面制作、商城網站定制開發(fā)、集團公司官網建設、外貿網站制作、高端網站制作、響應式網頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為城廂等各大城市提供網站開發(fā)制作服務。

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

代碼

    
    
    
    


    

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


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

效果如下：

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文題目：web前端入門到實戰(zhàn)：css3實現(xiàn)半圓和圓效果-創(chuàng)新互聯(lián)
本文URL：http://weahome.cn/article/cccehc.html