CSS怎么设置按钮变色 按钮是网页中常见的一个交互元素，通过样式调整可以让按钮变成不同的颜色。我们可以使用CSS来设置按钮变色。下面是一个简单的示例。 首先，在HTML中定义按钮元素

<button>点击我</button>

接着，在CSS中设置按钮样式

button {
background-color: blue;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}

这段CSS代码会为按钮设置背景色为蓝色，字体颜色为白色，内边距为10px和20px，无边框，圆角半径为5px和鼠标光标为手型。 如果想让按钮在鼠标悬停时变色，可以添加:hover选择器

button:hover {
background-color: red;
}

这段CSS代码将在鼠标悬停在按钮上时，将按钮的背景色改为红色。 通过上面的示例，我们可以看到，CSS可以很方便地控制按钮的样式，让按钮在用户交互的过程中变得更加美观和友好。