有四种方法可以实现圆角。
第一、直接写CSS代码：border-radius
第二、四个圆角贴图；制作四个圆角的图片，然后用css定义
第三、直接制作整个圆角矩形背景
第四、定义12个背景色：左上角4个，右上角4个，右下角4个，左下角4个。
css3最简单：border-radius:10px---4个角都是10px的圆角。
你也可以：border-radius:2px 3px 4px 5px分别对应容器的右上、右下、左下、坐上。
如果是css2的话，需要用到图片来实现圆角。
多边形是可以设置圆角，但如果五边形和六边形是由三角形和四边形组合而成，不建议设置圆角，设置后，达不到理想效果，不过四边形和八边形是可以的，也可以组装。
代码如下，供参考，请在IE9或Chrome上运行：
<html><head>
<title>多边形圆角</title>
<style>
#parallelogram{
width: 200px
height: 100px
margin-left: 30px
-webkit-transform: skew(-30deg)
-moz-transform: skew(200deg)
-o-transform: skew(200deg)
background-color: red
border-radius:10px
}
#burst-8{
width: 80px
height: 80px
background-color: red
text-align: center
position: relative
top:100px
left:100px
transform:rotate(20deg)
-webkit-transform:rotate(20deg)
-ms-transform:rotate(20deg)
-moz-transform:rotate(20deg)
-o-transform:rotate(20deg)
border-radius:10px
}
#burst-8:before{
width: 80px
height: 80px
top: 0
left: 0
background-color: red
position: absolute
content: ""
transform:rotate(135deg)
-webkit-transform:rotate(135deg)
-ms-transform:rotate(135deg)
-moz-transform:rotate(135deg)
-o-transform:rotate(135deg)
border-radius:10px
}
</style>
</head>
<body>
<div id="parallelogram">五边形圆角为10px，在IE9或Chrome上运行</div>
<div id="burst-8">八边形</div>
</body>
</html>
