css中按钮阴影怎么设置

按钮阴影设计是CSS中一项非常重要的元素，可以使页面元素更加美观、生动。下面简单介绍如何通过CSS代码为按钮添加阴影。
首先，在CSS中可以通过box-shadow属性进行阴影设置，其语法如下：

pre
/* 水平偏移量 | 垂直偏移量 | 模糊距离 | 阴影颜色 */
box-shadow: h-shadow v-shadow blur color; 

其中，h-shadow和v-shadow分别表示水平和垂直偏移量；blur表示阴影模糊距离，color表示阴影颜色。
例如，我们可以为一个按钮添加一个简单的阴影效果：

pre
button {
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
} 

这里阴影的水平和垂直偏移量都是5px，模糊距离是5px，颜色是rgba(0,0,0,0.3)即透明的黑色。
如果你想要为按钮添加多个阴影效果，可以通过在box-shadow属性中添加多个参数来实现：

pre
button {
  box-shadow: 
    0 2px 4px rgba(0,0,0,0.2), /* 上面的一层阴影 */
    0 6px 20px rgba(0,0,0,0.5); /* 下面的一层阴影 */
} 

这里我们为按钮添加了两层不同程度的阴影，使按钮更加立体感强。
总之，在CSS中阴影效果的设置非常灵活，可以根据实际情况随意调整，让页面元素呈现出更加生动、立体的效果。