【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%;
}