style=“height:300pxwidth:200pxborder:solide
1px
blue”></div>
关键是你的div要有一定的宽高。另外边框的颜色不要和背景色一样,这样也会看不出来
.lxp {width: 30px
height: 30px
transform: rotateX(45deg)
}
.lx {
width: 20px
height: 20px
background: green
transform: rotate(45deg)
}
<div class="lxp">
<div class="lx"></div>
</div>
这才叫菱形好吧 具体什么形状调角度和长宽