用css绘制三角形

由正方形按对角线切割成四个三角形,每个边对应一个三角形;下面为一个尖角朝上的三角形,不需要设置上边,需设置下边颜色(即为三角形颜色)
{width:0; height:0; border-width:10px; border-style:solid;

border-color:transparent transparent #c9e9c0 transparent;}或
{width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #c9e9c0;}
posted @ 2016-10-28 15:22  皓月千里  阅读(205)  评论(0编辑  收藏  举报