/*CSS按钮状态的代码示例*/
button{
background-color:#4CAF50; /*默认状态下按钮的背景颜色*/
color:white;
font-size:16px;
border:none;
padding:10px 20px;
cursor:pointer;
border-radius:5px;
}
button:hover{
background-color:#3e8e41; /*鼠标悬停时的按钮背景颜色*/
}
button:active{
background-color:#4CAF50; /*按钮被激活时的背景颜色*/
box-shadow:0 5px #666;
transform:translateY(4px);
}在CSS中，大家可以用伪类选择器来指定按钮的不同状态。在上述代码中，大家定义了按钮的默认状态样式，当鼠标悬停在按钮上时，大家使用:hover伪类来指定按钮的鼠标悬停状态下的样式。在这个状态下，按钮的背景色会发生变化，使用户更加容易地识别按钮的功能。
当用户点击按钮时，按钮会进入“激活”状态。在这个状态下，大家使用:active伪类选择器来指定按钮的样式。在上述代码中，大家通过box-shadow和transform属性给按钮添加了一些效果，使其在“激活”状态下更加生动有趣。
除了:hover和:active外，大家还可以使用:focus伪类选择器来指定按钮处于焦点状态下的样式。当用户使用Tab键在多个按钮之间切换时，大家可以通过:focus来让当前焦点所在的按钮更加突显，帮助用户更轻松地操作。
总之，CSS按钮状态是网页设计中经常用到的技巧。在设计按钮时，大家可以结合具体的需求和用户行为，合理运用:hover、:active和:focus等伪类选择器，创造出更加美观、易用的界面。