css怎么画一个三角形?

简单来说,就是设置一个宽高为0,无内边距的盒子,给这个盒子设置边框,就可以发现,这个盒子的边框就是三角形,但是有个小坑,就是必须四条边框都要有,不需要的就设置为透明色

    .box {
            width: 0;
            height: 0;
            border: 50px solid transparent;
            border-top: 50px solid #66ccff;
        }