CSS中做三角形是经常会使用的技巧,下面是一种简单的方法:
.triangle{
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-right: 50px solid rgba(255,255,255,0.5);
} 上述代码中,我们建立了一个名为'?triangle'的样式类,它的宽度和高度都被设置为0,然后我们用三个边框去构建三角形。左边和右边的边框都被设置为透明,而顶部和底部的边框则表示 triangle 的高度。 最后,使用 border-right 来表示三角形的直角处颜色,可以通过 rgba 设置透明度来控制其透明程度。