1、CSS畫一個(gè)三角形：（div寬高為0，border存在且顏色不一）

創(chuàng)新互聯(lián)公司長(zhǎng)期為1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為豐都企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站建設(shè)，豐都網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

step1: 設(shè)置寬度，高度為 0 的一個(gè)div盒子；

step2: 為了方便理解，將盒子的 4 個(gè)邊框分別設(shè)置一樣的寬度boder，不同的顏色；

step3: transparent將其他三個(gè) 邊框隱藏掉，就能看到效果了。

如果對(duì)三角形的樣式有特殊要求：可以通過動(dòng)畫效果來實(shí)現(xiàn): transform : rotate(80deg) 通過旋轉(zhuǎn)實(shí)現(xiàn)

2、圓形，橢圓，圓角長(zhǎng)方形：

通過改變 border-radius的比例，可以顯示不同的圖形，比如圓角正方形、圓角長(zhǎng)方形
網(wǎng)頁題目：CSS畫三角形，圓形，橢圓，圓角長(zhǎng)方形
文章URL：http://weahome.cn/article/dsojshj.html