css样式画梯形 |css3 字体渐变

.trapezoid {
width: 0;
height: 0;
border-bottom: 100px solid #007bff;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}

在上述代码中，大家使用的是border属性，通过定义不同的边框样式来画出梯形的形状。其中，border-bottom设置了实线的宽度为100像素，表示梯形的高度；border-left和border-right则各自设置了50像素的空心边框，表示梯形的斜边。

接着，大家通过设置宽度和高度为0，将梯形的上部分隐藏掉，只留下下半部分的边框，从而展现出梯形的形状。

上述代码中的颜色值为#007bff，指的是蓝色，您可以根据需要将其替换为其他颜色。

通过这种简单的方法，您就可以轻松地使用CSS样式来实现梯形的效果。您可以将上述代码应用到您的网站或应用程序中，以实现更丰富的界面效果。