在Html中怎么使用CSS写出一个三角形

.triangle {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left-color: rgba(83, 183, 207, 0.9);
}

尖尖朝右的三角：border-left-color

尖尖朝左的三角：border-right-color

尖尖朝上的三角：border-bottom-color

尖尖朝下的三角：border-top-color