如圖所示的三角形
1.首先肯定是可以切圖實現(xiàn)峭沦；
2.使用邊框實現(xiàn)锅劝；具體步驟如下吉执，
? ? ? ? ? 1.我們將width和height都設置為0
? ? ? ? ? ?2.border顏色設置為#fff width設置為20px（當然也可以設置其他大泄置铩）
? ? ? ? ? 3.border-top-color設置為#ccc,就可以實現(xiàn)上面圖片顯示的三角形（當然也可以不設置top設置border-left-color枕扫，可以 看小效果）
代碼如下
? ?????????? div {
????????????????width: 0;
????????????????height: 0;
? ? ? ? ? ? ? ? border: 20px solid #fff;
????????????????border-top-color:#ccc;
????????????????????/*border-left-color: #ccc;*/?
????????????????/*border-bottom-color: #0062CC;*/
}
設置left
設置bottom
自己可以實現(xiàn)一下看下效果哦
