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

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

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

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

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

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

2、圓形，橢圓，圓角長方形：