标签：
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
此示例只是为了让该标记适用于基于 Mozilla（比如 Mozilla Firefox）和基于 Webkit（比如 Apple Safari）的旧浏览器。如果您愿意，可以将上述 3 个属性设置为不同值并让样式在 Firefox 和 Google Chrome 中显示不同的效果。
也可以在 <div> 上生成一个阴影。为此，可以使用以下 3 个属性（再次说明，一定要处理各种浏览器）：
-webkit-box-shadow: 8px 8px 6px #AAAAAA; -moz-box-shadow: 8px 8px 6px #AAAAAA; box-shadow: 8px 8px 6px #AAAAAA;
在这种情况下，第一个属性是水平阴影，第二个是垂直阴影，第三个是模糊量，第四个是阴影的颜色。可以在模糊量和阴影之间放置另一个属性（另一个与阴影的覆盖范围相关的大小值），但是此属性似乎没有广泛使用。
标签：
原文地址：http://my.oschina.net/u/1045177/blog/515640
