CSS 按钮按下事件是一个常见的网页设计需求，它可以在用户点击按钮时触发特定的效果。在本文中，我们将使用 CSS 伪类来实现按钮按下事件。

首先，我们需要为按钮添加一个类名btn，并设置其样式：

.btn {display: inline-block;padding: 10px 20px;background-color: #4CAF50;color: #fff;text-align: center;font-size: 16px;border: none;border-radius: 3px;cursor: pointer;}

接下来，我们要为按钮的按下状态设置样式。在 CSS 中，可以使用:active伪类来实现此功能。当用户按下按钮时，按钮将处于活动状态，此时:active伪类将被激活。我们可以在样式表末尾添加以下代码来设置按下状态的样式：

.btn:active {background-color: #3e8e41;box-shadow: 0 2px #666;transform: translateY(2px);}

这段代码将在按钮按下时，将按钮的背景颜色变为深绿色，添加一个略微偏下的投影效果，以及向下移动按钮2像素来模拟按下的感觉。

最后，我们在 HTML 中添加一个按钮，并为其添加btn类名：

<button >点击我</button>

这样，我们就成功地创建了一个带有按下事件的 CSS 按钮。您可以尝试在页面中使用该技术来增强网站的交互性。