-2

是否可以使用纯 CSS 像下图中的黑暗区域一样进行舍入？

在此处输入图像描述

4

3 回答 3

3

绝对地。只需创建一个 DIV，并附加一个具有如下规则的类：

.rounded_box {
    width: 90px;
    height: 60px;
    border-top-left-radius: 11px 30px;
    border-bottom-left-radius: 11px 30px;
    background-color: #333333;
}

<div class="rounded_box"></div>

根据您正在寻找的浏览器支持，您可能需要为边界半径线添加一些额外的供应商特定前缀。如：

-webkit-border-top-left-radius: 11px 30px;
-webkit-border-bottom-left-radius: 11px 30px;
-moz-border-radius-topleft: 11px 30px;
-moz-border-radius-bottomleft: 11px 30px;
于 2012-10-03T21:05:55.583 回答
-2

是的http://www.css3.info/preview/rounded-border/是一个很棒的教程。

于 2012-10-03T20:41:01.593 回答
-2

边界半径绝对是答案。看看这个为你生成代码的方便的小网站；

http://border-radius.com

另请注意，IE 6、7 或 8 不支持它

于 2012-10-03T20:44:46.250 回答