.tx{
width:100px;
height:50px;
margin: 50px;
text-align:center;
color:#fff;
line-height:50px;
background-color:red;
position:relative;
}
.tx::before{
content:'';
display:block;
width:35px;
height:50px;
position:absolute;
transform:skewX(-30deg);
background:red;
border-top-left-radius:8px;
left:-20px;
top:0;
}
.tx::after{
content:'';
display:block;
width:35px;
height:50px;
position:absolute;
transform:skewX(30deg);
background:red;
border-top-right-radius:8px;
top:0;
right:-20px;
}
用css3怎么写出一个梯形?
最新推荐文章于 2024-08-02 17:02:19 发布