这将使订单信息栏如以下图像所示：

　　我们还将添加以下选择器，以便当光标悬停在此按钮上时使其变成棕色：

　　这将使得当光标悬停在此按钮上时它会如下所示：

　　可以查看修订过的页面。 还可以下载它的 CSS 文件。

　　现在让我们使用 CSS3 让此按钮熠熠生辉!

　　添加圆角

　　首先，让我们为此按钮添加半径为 5 个像素的圆角。 我们通过将 border-radius 属性添加到选择器并将为其分配值 5px 来执行此操作。 为了确保其他常用浏览器也能显示圆角，我们还将添加几个 vendor-prefixed 属性。 这些新行如下所示：

　　添加这些行后，此按钮现在如下所示：

　　可以查看修订过的页面。 还可以下载它的 CSS 文件。

　　添加阴影

　　然后，我们将向此按钮添加阴影。 我们通过将 box-shadow 属性添加到选择器来执行此操作。 如如何使用 CSS3 添加圆角主题中所述，我们需要指定阴影的水平和垂直偏移以及颜色。 我们还可以选择指定模糊距离和延伸距离。

　　对于此按钮，让我们将水平和垂直偏移指定为 1 个像素，并将模糊距离指定为 3 个像素。 我们会将颜色设置为灰色(十六进制值 #999999)。 为了确保其他常用浏览器也能显示阴影，我们还将添加几个 vendor-prefixed 属性。 这在选择器中如下所示：