導航欄的小三角

京東導航欄的小三角

1. 真正的矩形
   
2. 隱藏其他三邊，實現三角

<style>
    .triangle{
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px;
    border-color:lightblue;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top: none;
    }
</style>

transparent：設置爲透明

3.梯形

設定寬高值即可