CSS - 绘制三角形

标签：selector   三角形   height   width   sele   style   ati   strong   str   

1，上三角型

div {
    width: 0;
    height: 0;
    border: 40px solid;
    border-color: transparent transparent red;
}



2，下三角型

div {
    width: 0;
    height: 0;
    border: 40px solid;
    border-color: red transparent transparent;
}

以此类推 。。

CSS - 绘制三角形

标签：selector   三角形   height   width   sele   style   ati   strong   str   

原文地址：https://www.cnblogs.com/500m/p/11498005.html