元素添加圆角

-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;

在这种情况下，第一个属性是水平阴影，第二个是垂直阴影，第三个是模糊量，第四个是阴影的颜色。可以在模糊量和阴影之间放置另一个属性（另一个与阴影的覆盖范围相关的大小值），但是此属性似乎没有广泛使用。