【HTML】div如何加三角形装饰

效果如图：

以向右的三角形为例：

在盒子里放有id为triangle-right的空盒

<div class="intro">
            <img src="images/b3.jpg" alt="">
            <div id="triangle-right"></div>
</div>

在css样式里设置

（想要向左的三角形，就把boder-left设成boder-right就可以了）

#triangle-right {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 30px solid #07cbc9;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 130px;
    margin-right: 92.3%;
}