csshover 改变样式

CSS hover 伪类可以用来改变元素的样式，当鼠标悬停在元素上时，可以触发 hover 状态。

以下是一个例子，当鼠标悬停在按钮上时，按钮的背景颜色会变为红色：

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

button:hover {
  background-color: red;
}

在这个例子中，当按钮被悬停时，CSS 选择器 button:hover 触发，并将按钮的背景颜色改为红色。这使得按钮在鼠标悬停时更加明显，可以提高用户体验。

除了改变背景颜色，还可以通过 hover 状态来改变元素的其他样式，如字体颜色、边框样式、文字阴影等。