div+css输出三角形

探讨如何使用div+css输出各方向的三角形

欢迎加入qq群(IT-程序猿-技术交流群)：757345416

1、css部分

.triangel{
            width:0px;
            height: 0px;
            overflow: hidden;
            border-width: 16px;
            /*下左上右*/
            border-color: transparent   transparent   transparent #f00;
            border-style: dashed solid dashed dashed;
        }

2、html部分

<div class="triangel"></div>

希望此文章对你有帮助！