.button {
background-color: #4CAF50; /* 按钮背景颜色 */
border: none; /* 按钮边框 */
color: white; /* 按钮颜色 */
text-align: center; /* 文字居中 */
text-decoration: none; /* 去掉链接样式 */
display: inline-block; /* 内联块元素 */
font-size: 16px; /* 字体大小 */
margin: 4px 2px; /* 按钮间距 */
cursor: pointer; /* 光标形状为手型 */
padding: 16px 32px; /* 按钮内边距 */
border-radius: 10px; /* 圆角半径 */
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); /* 阴影效果 */
}在上面的示例中，大家使用了box-shadow属性来为按钮添加阴影效果。该属性接受一个包含四个值的列表，分别是：
1. 水平偏移量：此值可以为正数、负数或0，表示阴影相对于按钮的水平偏移距离。
2. 垂直偏移量：此值可以为正数、负数或0，表示阴影相对于按钮的垂直偏移距离。
3. 阴影模糊半径：此值必须为非负数，表示阴影的模糊半径。
4. 阴影扩展半径：此值可以为正数、负数或0，表示阴影相对于按钮的扩展距离。
大家还可以为box-shadow属性指定颜色和透明度。在上面的示例中，大家使用了rgba值来指定阴影颜色和透明度。这个值包含四个参数，分别是红、绿、蓝和透明度，取值范围在0到255之间。
通过使用box-shadow属性，大家可以为CSS按钮添加出色的阴影效果，使其在网页中更加醒目和突出。如果您想进一步完善您的CSS技能和知识，大家建议您深入学习CSS样式表的其他属性和方法，掌握更加高级的CSS技术。