css3里面有个名为倒角的干活
雷雷
简单来讲，你需要通过 圆形p元素的border-radius 和 包裹的overflow来实现，至于更深的橘色应该是阴影
真是不好意思，我一直用的firefox，没想到它对于radial-gradient和chrome还是有不同的。也是我自己理解不够。
radial-gradient
我又修改了下面的链接。
===============
使用了CSS3变量来控制半径大小，暂时想不到更简单的办法了在不向下不兼容的路上越走越远...
DEMO-New
===================================
详细请看DEMO，纯CSS3实现，没有添加额外标记，虽然我感觉可扩展性不高，不过继续改善应该还是可以投入生产中的。
CSS3的魔法还有很多，不断地深入思考，会想到很多有趣的功能。正如《CSS揭秘》作者那样。
DEMO
css3里面有个名为倒角的干活
雷雷
简单来讲，你需要通过 圆形p元素的border-radius 和 包裹的overflow来实现，至于更深的橘色应该是阴影
真是不好意思，我一直用的firefox，没想到它对于
radial-gradient和chrome还是有不同的。也是我自己理解不够。我又修改了下面的链接。
===============
使用了CSS3变量来控制半径大小，暂时想不到更简单的办法了
在不向下不兼容的路上越走越远...
DEMO-New
===================================
详细请看DEMO，纯CSS3实现，没有添加额外标记，虽然我感觉可扩展性不高，不过继续改善应该还是可以投入生产中的。
CSS3的魔法还有很多，不断地深入思考，会想到很多有趣的功能。正如《CSS揭秘》作者那样。
DEMO