css鼠标悬停样式

作者：望断天涯发布日期:2025-06-22 浏览:38

/* 当鼠标悬停在元素上时，改变元素的样式 */
.element {
  background-color: white;
  color: black;
  padding: 10px;
  transition: background-color 0.3s, color 0.3s; /* 平滑过渡效果 */
}

/* 鼠标悬停时的样式 */
.element:hover {
  background-color: black;
  color: white;
}

解释说明：

.element 是一个 CSS 类选择器，定义了元素的基本样式。
transition 属性用于定义样式的过渡效果，使得背景颜色和文本颜色的变化更加平滑。
:hover 是伪类选择器，当鼠标悬停在 .element 元素上时触发，改变背景颜色和文本颜色。

上一篇：css文字不换行

下一篇：css 强制换行