在Web开发中，美观的按钮通常能让网站或应用程序的用户界面更加出色。除了按钮的颜色和大小外，按钮底部加上阴影也是一种很常见的设计风格。在CSS中，可以很容易地为按钮添加底部阴影效果。

.btn {padding: 10px 20px;background-color: #428bca;color: #fff;box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);}.btn:hover {box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.2);}

在上面的CSS代码中，我们先定义了一个样式为".btn"的按钮，其中"padding"属性设置了按钮内边距，"background-color"属性设置了按钮的背景颜色，"color"属性设置了按钮上的文字颜色，"box-shadow"属性定义了按钮底部阴影效果。这个阴影效果由四个值组成，分别是水平偏移、垂直偏移、模糊半径和阴影扩散半径。其中，模糊半径和阴影扩散半径的值都设置为0.2，表示阴影效果很轻微。

定义好了按钮的基础样式后，我们还可以定义一些鼠标悬停按钮时的效果。在上面的CSS代码中，我们使用了":hover"伪类来实现鼠标悬停时的样式。悬停时，我们将"box-shadow"属性的垂直偏移值从3px增加到5px，从而让阴影效果更加明显。

通过这样简单的CSS代码，就可以为按钮添加底部阴影效果。当然，阴影效果的样式可以根据具体需求进行调整，例如改变"box-shadow"属性的颜色、形状等。