1个回答
展开全部
多边形是可以设置圆角，但如果五边形和六边形是由三角形和四边形组合而成，不建议设置圆角，设置后，达不到理想效果，不过四边形和八边形是可以的，也可以组装。
代码如下，供参考，请在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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
