HTML是构建Web界面的一种标记语言，而CSS则是一个强大的样式表语言，可以用来美化HTML文档的外观。HTML通过标签来定义页面内容和构架，而CSS则通过样式来定义页面的外观和布局。在HTML中，按钮是一种常用的元素，通过CSS设置按钮外观的方法有很多，但最常用的是通过伪类来实现按钮点击效果。

button {
background-color: #4CAF50; /*设置背景色*/
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
button:active { /*按钮点击效果*/
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}

上面的代码中，我们首先设置了按钮的基本样式，包括背景色、边框、文本颜色、字体大小等。然后通过伪类设置了按钮的点击效果，包括背景色的变化、投影的添加和位移的动画效果。这样，当用户点击按钮时，按钮的样式就会发生相应的变化，给用户带来更好的交互体验。

总之，CSS是Web开发中不可或缺的一部分，通过CSS，我们可以实现各种各样的效果和样式，为用户带来更好的使用体验。以上是关于HTML用CSS设置按钮点击的文章，希望对大家有所帮助。