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

html-css033

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

<div

style=“height:300pxwidth:200pxborder:solide

1px

blue”></div>

关键是你的div要有一定的宽高。另外边框的颜色不要和背景色一样,这样也会看不出来

如果是说改变四个角的弧度就是

border-radius:px全部一起变

border-top|bottom-left | right:px左上,左下,右上,右下

如果是边框的颜色,类型之类的就只有上下左右

border:1px solid #000

border-top|right|bottom|left:px xx #xxx