CSS3 如何实现菱形

html-css032

CSS3 如何实现菱形,第1张

可以画两个等腰三角形，等腰三角形代码#ID {

width: 0

height: 0

border-left: 50px solid transparent

border-right: 50px solid transparent

border-bottom: 100px solid red}

<div

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

1px

blue”></div>

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