css onhover

CSS 是网页设计中最常用的技术之一，能够让我们将网页的样式变得更加美观、易于阅读。而其中的 :hover 伪类则是非常重要的一种，它可以让我们在鼠标悬停在某个元素上时改变元素的样式，进而提高网页的交互性和用户体验。

下面是一个基本的 CSS onhover 示例：

.button {
  background-color: #3498db;
  color: #fff;
  padding: 12px 24px;
  border: none;
}

.button:hover {
  background-color: #2980b9;
}

以上示例中，我们定义了一个带有背景色、文字颜色、内边距和边框的按钮样式，然后在:hover 伪类中修改了背景色。当用户将鼠标悬停在按钮上时，其背景色便会从 #3498db 变为 #2980b9。

如上所述，:hover 伪类是非常有用的，因为它可以让我们在用户与网页交互时非常灵活地改变元素的样式。我们可以使用它来创建多种效果，例如当用户鼠标悬停在链接上时使其下划线出现，当用户将鼠标悬停在按钮上时使其颜色变亮，等等。