曲线框变成css？

Question

是否可以只使用css创建this box，或者至少使用90%的css来创建css，或者最好是重新设计它？

Answer 1

您可以简单地使用CSS3：

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

如果希望使用浏览器支持更友好方法，可以使用背景图像或类似Spiffy Corners提供的方法，使用较小的div重新创建效果。

Answer 2

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

以SpiffyCorners或google for css rounded corners为例