Question

可以仅使用css创建this box，还是使用角落件至少90％css创建，或者最好只重新设计它？

Answer 1

.panel {
    background-color: #2B2B2B;
    -webkit-border-radius: 10px; /* CSS3 Property for webkit design engine used browser */
    -moz-border-radius: 10px; /* CSS3 Property for Mozilla */
    -o-border-radius: 10px; /* CSS3 Property for Opera */
    border-radius: 10px; /* CSS3 Property for Modern Browsers */
    padding: 25px;
}

Answer 2

你可以简单地使用CSS3：

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

如果您想使用更加浏览器支持的方法，您可以使用背景图像或Spiffy Corners提供的方法，使用小div来重新创建效果。

Answer 3

例如，请查看SpiffyCorners或google for css rounded corners

Answer 4

很有可能，请参阅here

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

<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>

Answer 5

完全用css。不完全，但非常相似http://jsfiddle.net/jalbertbowdenii/EBfbZ/

弯曲的盒子变成css？

5 个答案: