纯CSS如何绘制三角形

CSS绘制三角形的方法：1、定义个宽高为0的标签元素；2、使用“border-方向:边框宽度 solid 边框颜色”定义三角形的底边；3、剩下的三边用透明边框设置即可。

#triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
}

二、向下

#triangle-down {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 100px solid red;
}

推荐学习：css视频教程

以上就是纯CSS如何绘制三角形的详细内容，更多请关注其它相关文章！