网络技术问题 | CSS 测验 | 第 2 组 | 问题 14

问题描述

以下是一段 CSS 代码，请问这段代码实现了什么功能？

button:hover {
  background-color: #4CAF50; /* Green */
  color: white;
}

解析

这段 CSS 代码实现了鼠标悬浮在 button 元素上时，修改其背景色为绿色（#4CAF50），字体颜色为白色。这样可以提高交互的友好性，方便用户操作。

在 CSS 中，:hover 伪类选择器可以匹配在鼠标悬浮时出现的元素。这个选择器在 CSS3 中得到了广泛的应用。

参考资料

• :hover - CSS | MDN