css画三角形

一.用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代表背景色透明