css 写一个三角形 |鼠标经过 css 按下

.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 50px solid red;
}

上述代码就是大家需要的CSS代码，具体来说，大家创造了一个CSS类似，它有着0的宽度和高度，因此，看上去就是一个空的盒子，但是大家设置了盒子的边框的样式：上下边框都是没有颜色的透明边框，而左边框是红色的。

通过这种方式，大家就创造了一个类似三角形的形状，因为只有左边是实心，而上下两边是空的，因此，大家可以看到一个三角形形状的对象被创造了出来。