CSS 按钮悬浮阴影效果：让按钮看起来更立体

可以使用 CSS 的 'box-shadow' 属性来实现按钮的阴影效果，使其看起来有悬浮的效果。具体实现代码如下：

button:hover {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}

解释一下代码：

• ':hover' 伪类表示鼠标悬停在按钮上时的状态。
• 'box-shadow' 属性用于添加阴影效果，它有四个参数：水平偏移量、垂直偏移量、模糊半径和阴影颜色。在上面的代码中，阴影颜色为 'rgba(0, 0, 0, 0.4)'，表示黑色、不透明度为 0.4 的阴影。
• 水平偏移量和垂直偏移量分别为 '0px' 和 '2px'，表示阴影向下偏移 2 像素。
• 模糊半径为 '4px'，表示阴影的模糊程度为 4 像素。

通过添加这个 CSS 样式，按钮在鼠标悬停时就会出现一个向下的阴影，看起来就像是悬浮在页面上的效果。