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规则......不会有问题。

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

Answer 2

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

- 别忘了添加webkit前缀：

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

- 别忘了检查这个或其他功能是否适用于浏览器（border-radius在IE8上不起作用）

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

将CSS Box转换为圆角？

2 个答案: