一.用CSS画出正三角:
方法一:
border-top : 0px ;
border-left : 5px solid transparent;
border-right : 5px solid transparent;
border-bottom : 8px solid #b7b7b7;
方法二:
border: solid 30px transparent;
border-bottom: solid 30px #fff;
二.用CSS画出倒三角:
方法一:
border-top : 8px solid #b7b7b7;
border-left : 5px solid transparent;
border-right : 5px solid transparent;
border-bottom : 0;
方法二:
border: solid 30px transparent;
border-top: solid 30px #fff;
注释:三角号的大小,取决于设置像素的大小;
三角号的颜色可以任意设置
transparent代表背景色透明