作者:婷婷艾晨 | 来源:互联网 | 2023-05-18 18:33
主要是运用border的特性transparent:透明三角形border-top:10pxsolid#f2534b;border-left:6pxsolidtransp
主要是运用border的特性
transparent:透明
三角形
border-top:10px solid #f2534b;
border-left:6px solid transparent;
border-right:6px solid transparent;
梯形
.trapezoid {
height:0;
width:200px;
border-top:20px solid #141447;
border-left:60px solid transparent;
border-right:60px solid transparent;
}