css3多边图形 |兼容ie8的圆角css

下面是一些常用的CSS3的多边形示例：

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
}
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}
.trapezoid {
border-top: 50px solid black;
border-right: 75px solid transparent;
border-bottom: 50px solid black;
border-left: 75px solid transparent;
height: 0;
width: 150px;
}
.square {
width: 100px;
height: 100px;
background-color: red;
}
.star {
margin: 50px;
width: 0px;
height: 0px;
border-right: 50px solid transparent;
border-bottom: 50px solid red;
border-left: 50px solid transparent;
transform: rotate(30deg);
}

通过上面的CSS代码示例，大家可以看到，使用CSS3多边图形的技术可以轻松地创建出各种各样的多边形。

总之，CSS3多边图形为Web开发提供了更多的创意与可能性，为网页设计与开发带来了更多的灵活性。