css制作三角形

效果图:

html代码:

<div class="traigle"></div>

css代码:

　　　　　　.traigle{
                width: 0px;
                height: 0px;
                border-left: 50px solid chocolate;
                border-top:25px solid transparent;
                border-bottom:25px solid transparent;
                
            }

 注意：使用的容器要是块级元素或行内块级元素

 

另一种方式:

.traigle{
                width: 0px;
                height: 0px;
                border: 20px solid #000;
                border-color: transparent black transparent transparent; 
            }