元素添加圓角

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

在這種狀況下，第一個屬性是水平陰影，第二個是垂直陰影，第三個是模糊量，第四個是陰影的顏色。能夠在模糊量和陰影之間放置另外一個屬性（另外一個與陰影的覆蓋範圍相關的大小值），可是此屬性彷佛沒有普遍使用。