Html 将曲线框转换为css？

可以仅使用css创建，或者至少使用90%带有角块的css，或者最好只重新设计它？

您可以简单地使用CSS3：

div{
    border-radius: 5px; /* 5px rounded corner on all corners */
}

---

如果您想使用浏览器支持更友好的方法，您可以使用背景图像或类似的方法，使用小div重新创建效果。

您只需使用CSS3：

div{
    border-radius: 5px; /* 5px rounded corner on all corners */
}

如果您想使用浏览器支持更友好的方法，您可以使用背景图像或类似的方法，使用小div重新创建效果。

例如，请看一看，或者查看一看，或者

非常可能，请参阅

但是，如果您决定使用角件以实现兼容性，您可以使用：

<div id="box">
<div style="clear:both;">
  <div id="topleft" style="float: left;"></div><div></div><div id="topright" style="float: right;"></div>
</div>
<div id="content"></div>
<div style="clear:both;">
  <div id="bottomleft" style="float: left;"></div><div></div><div id="bottomright" style="float: right;"></div>
</div>
</div>

很有可能，请参见

但是，如果您决定使用角件以实现兼容性，您可以使用：

<div id="box">
<div style="clear:both;">
  <div id="topleft" style="float: left;"></div><div></div><div id="topright" style="float: right;"></div>
</div>
<div id="content"></div>
<div style="clear:both;">
  <div id="bottomleft" style="float: left;"></div><div></div><div id="bottomright" style="float: right;"></div>
</div>
</div>

完全使用css。不确切，但与css非常相似。不精确，但非常相似

CSS3“border radius”属性可以在设计元素中完全创建圆角，而不需要角图像或使用多个div标记。看看这里CSS3“border radius”属性可以完全在设计元素中创建圆角，而不需要角图像或使用多个div标记。看看这里，你真的应该把供应商前缀版本放在有效的CSS3入口之上。把供应商前缀放在（将会是）标准之后是一种糟糕的做法。你应该。哦，我第一次听说这个。谢谢：）。。。答案也发生了变化。你真的应该把供应商前缀版本放在有效的CSS3条目之上。把供应商前缀放在（将会是）标准之后是一种糟糕的做法。你应该。哦，我第一次听说这个。谢谢：）。。。答案也变了