css - 使用 CSS 插入圆角边缘

Question

有可能用 CSS 做这种事情吗？

从我的谷歌搜索中，我找不到任何有用的东西。

Answer 1

这可能有效......但如果我担心纯背景颜色：

http://jsfiddle.net/7WHAz/

更改：

 div:before {        
    background-color:white; 
}

为您的背景使用的颜色

Answer 2

可以使用 CSS3 的径向渐变来完成：

CSS：

div{
  background: 
    radial-gradient(
      circle at -40px 50px, 
      transparent 80px,
      red 80px
    );
    height: 100px;
    width: 100px;
}
body { background-color: blue; }

http://jsfiddle.net/7WHAz/2/