具有响应效果的button按钮

在HTML和CSS中，可以使用hover伪类和transition属性来实现具有响应效果的button按钮。

首先，在HTML中创建一个button元素：

<button class="btn">Click me!</button>

然后，在CSS中设置按钮的样式，并使用hover伪类和transition属性来实现响应效果：

.btn {
  background-color: #4CAF50; /* 按钮的默认背景颜色 */
  color: white; /* 按钮的默认文字颜色 */
  padding: 12px 24px; /* 按钮的默认内边距 */
  border: none; /* 去除按钮的默认边框 */
  border-radius: 4px; /* 设置按钮的圆角 */
  cursor: pointer; /* 设置按钮的鼠标样式为手型 */
  transition: background-color 0.3s ease; /* 设置按钮背景颜色变化的过渡效果 */
}

.btn:hover {
  background-color: #3e8e41; /* 鼠标悬停时按钮的背景颜色 */
}

在这个例子中，当鼠标悬停在按钮上时，按钮的背景颜色会从默认的绿色变为深绿色，这个变化的过程会有一个0.3秒的过渡效果。这样就实现了一个具有响应效果的button按钮。