css写一个梯形带阴影 |css p标签字体居中

.trapezoid {
width: 0;
height: 0;
border-bottom: 50px solid #ccc;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
box-shadow: 2px 2px 5px #888;
}

在上面的代码中，大家首先定义了一个宽度为0，高度为0的元素，这个元素就是梯形的主体部分。大家通过设置三个边框的样式来实现梯形的形状：底部边框为50px实线，颜色为#ccc；左右两侧的边框为50px的虚线，颜色为透明。这三个边框的交汇点就是梯形的上端点。

最后，大家利用CSS的box-shadow属性为梯形添加阴影效果。box-shadow属性的第一个值为水平偏移量，第二个值为垂直偏移量，第三个值为模糊半径，第四个值为阴影扩散半径，第五个值为阴影颜色。

通过上述代码，大家就可以创建出一个带阴影的梯形效果了。