html - 将 CSS 框转换为圆角？

Question

我有一段时间没有深入研究 HTML...我正在尝试将这个框转换为相同的大小/形状但带有圆角。查看圆角的语法，我不确定如何在圆角中使用最大高度/宽度？

这是我当前的 div 标签：

    <div id="content" style="background: rgba(0, 0, 0, 0.4);">
    <div style="max-height: 600px; max-width: 700px;">
    [content]
    </div>
    </div>

任何帮助表示赞赏！

Answer 1

如上所述，您可以使用border-radius属性，但我想添加：

- 不要忘记添加 webkit 前缀：

#content{
-webkit-border-radius: 4px;
border-radius: 4px;
} 

-不要忘记检查此功能或其他功能是否可以跨浏览器工作（边框半径在 IE8 上不起作用）

您可能会发现这些链接很有用： http: //caniuse.com/ http://css3generator.com/

Answer 2

您可以添加边界半径规则...不会有问题。

<div style="max-height: 600px; max-width: 700px; border-radius: 10px;"></div>

或者...

<div class="med-round"></div>

+

.med-round {
    max-height: 600px; 
    max-width: 700px; 
    border-radius: 10px;
}