CSS - 绘制三角形

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;
}
以此类推 。。
posted @ 2019-09-10 16:05  武卡卡  阅读(155)  评论(0编辑  收藏  举报