首先，我们需要创建一个button元素，并设置它的样式。我们可以使用CSS的:hover伪类和:active伪类来实现按钮按压时的颜色变化。例如：
<button >按钮</button><style>.btn {background-color: #008CBA;color: white;border: none;padding: 10px 20px;text-align: center;text-decoration: none;font-size: 16px;cursor: pointer;}.btn:hover {background-color: #005A8D;}.btn:active {background-color: #004266;}</style>在上面的代码中，我们设置了按钮的一些基本样式，如背景颜色、字体颜色、边框等。然后，当鼠标悬停在按钮上时，按钮的背景颜色会变成#005A8D。当按钮被按下时，背景颜色会变成#004266。这些效果都是通过:hover和:active伪类来实现的。
需要注意的是，不同的浏览器可能会对按钮的样式有一定的差异。为了获得最佳的兼容性和效果，我们可以使用CSS预处理器（如Less、Sass）来编写CSS代码，或者使用一些CSS库（如Bootstrap、Foundation）来简化开发工作。
总之，CSS按钮按压颜色改变是一个简单但又实用的效果，可以帮助我们提升网页的用户体验和交互性。
上一篇：css按钮的蓝色边框
下一篇：javascript中多行注释
