使用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/