元素添加圆角

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

在这种状况下，第一个属性是水平阴影，第二个是垂直阴影，第三个是模糊量，第四个是阴影的颜色。能够在模糊量和阴影之间放置另外一个属性（另外一个与阴影的覆盖范围相关的大小值），可是此属性彷佛没有普遍使用。