用div加css怎么做出这种菱形框架??或者其他方法??

html-css027

用div加css怎么做出这种菱形框架??或者其他方法??,第1张

<div

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>

这才叫菱形好吧 具体什么形状调角度和长宽