使用border绘制各种三角形
1.元素的边框展示 <h5>元素的边框展示</h5> <div class="all-triangle"></div> .all-triangle { width: 0; border: 50px solid; border-color: red blue green goldenrod; } 2.朝下的三角形 <h5>朝下的三角形</h5> <div class="down-triangle"></div> .down-triangle { width: 0; border: 10px solid; border-color: red transparent transparent transparent; } 3.朝上的三角形 <h5>朝上的三角形</h5> <div class="up-triangle"></div> .up-triangle { width: 0; border: 10px solid; border-color: transparent transparent red transparent; } 4.朝左的三角形 <h5>朝左的三角形</h5> <div class="left-triangle"></div> .left-triangle { width: 0; border: 10px solid; border-color: