内、外遮阳让我们给它一些个性。为了实现上升效果，我们将使用 box-shadow 属性添加内部阴影。这里的关键是使用 inset 参数，它将阴影放置在元素内部。它将从顶部边缘偏移 1px，我们将给它一个比渐变开始处更浅的颜色。 [css]-webkit-box-shadow:0 1px 0 9be0ef 插入； -moz-box-shadow:0 1px 0 9be0ef 插入； -o-box-shadow:0 1px 0 9be0ef 插入；框阴影：0 1px 0 9be0ef 插图； [/css] 凸起的按钮应该投射阴影。 CSS3 允许我们对一个元素应用多个阴影。
为此
请将小数点后的适当值添加到先前的声明中。按钮下方的阴影将垂直移动 2 px，并且会出现半径为 1 px 的轻微模糊。为了使按钮在任何背景上都看起来不错，阴影应该是半透明的。为了实现这个目标我们必须使用RGBa模型。尽管这对某些人来说可能是新的，但这种颜色模型非常易于使用，尤其是对于黑白模型。
它以 rgba(0,0,0,0.5) 的形式表示
其中第一位数字是颜色分量（红、绿、蓝），最后一个值对应 电报数据 透明度。所以我们的双阴影看起来像这样： [css]-webkit-box-shadow:0 1px 0 9be0ef inset, 0 2px 1px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 0 9be0ef 插图, 0 2px 1px rgba(0,0,0,0.3); -o-box-shadow:0 1px 0 9be0ef 插图, 0 2px 1px rgba(0,0,0,0.3);框阴影：0 1px 0 9be0ef 插图，0 2px 1px rgba(0,0,0,0.3); [/css] 这就是按钮在这个阶段的样子。很好，但是缺少一些东西。
铭文样式
除了给出文本的大概大小之外，到目前为止我们 于推送通知广告案例研究活 还没有处理铭文。直到最近，如果我们想要使用互联网上用户计算机上安装的字体以外的字体，我们必须依赖基于 Flash 或 JavaScript 的解决方案。一段时间以来，允许以简单 CSS 声明的形式放置字体的服务已经开始像雨后蘑菇一样出现。这些字体托管在服务提供商的服务器上，从而减轻了我们服务器和用户计算机的资源。
目前最有趣且完全免费的服务是Google Web Fonts
字体目录非常广泛，每天都会添加许多新字体。向我们的 bwb名录 项目添. W加字体非常简单，只需选择适当的字体并单击“快速使用”选项即可。结果，我们将获得一行 HTML 和 CSS 代码，它们应分别放置在 index.html 文件的 head 部分和 a.button 元素的声明中： [html] [/html] [ css]font-family:’Fugaz One’, cursive; [/css] 将题字颜色设置为海军蓝色，删除链接的下划线并添加微妙的阴影：[css]text-decoration:none;颜色：1e376b； text-shadow:-1px 1px 0px 60a2d4;[/css] 结果，我们将得到一个小艺术品。按钮（几乎）准备就绪。
