css已經(jīng)越來越強(qiáng)大了 ，可以使用它來繪制各種簡單的形狀，用于代替圖片顯示，這次的分享主要用到畫圓，扇形
在遂溪等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需定制開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),營銷型網(wǎng)站建設(shè),外貿(mào)營銷網(wǎng)站建設(shè),遂溪網(wǎng)站建設(shè)費(fèi)用合理。
實(shí)現(xiàn)圓形
效果如下：
border-radius圓角的四個值按順序取值分別為：左上、右上、右下、左下。這里只設(shè)置一個值，代表四個角的取值都為為50%
原理：
border-radius: 50% 彎曲元素的邊框以創(chuàng)建圓。
由于圓在任何給定點(diǎn)具有相同的半徑，故寬和高都需要保證一樣的值，不同的值將創(chuàng)建橢圓。
實(shí)現(xiàn)扇形
利用border-radius，實(shí)現(xiàn)90度角的扇形：
效果如下：
原理：
左上角是圓角，其余三個角都是直角：左上角的值為寬和高一樣的值，其他三個角的值不變（等于0）。
2、繪制任意角度的扇形
效果如下：
/ 繪制一個60度扇形 /
/ 繪制一個85度扇形 /
/ 繪制一個向右扇形，90度扇形 /
/*繪制一個顏色扇形 */
/*繪制一個不同顏色半圓夾角 */
完整代碼如下：
重慶分公司
重慶分公司
