CSS hover构造是一种'伪类”,可以在鼠标移到HTML元素时应用某种样式。如果不理解如何使用,可以参考以下示例:
HTML代码:
CSS代码:
button:hover {
background-color: yellow;
}
以上代码将使按钮的背景颜色在鼠标移到上面时变为黄色。 这是因为:hover指令会让CSS应用代码块中的属性并样式化HTML元素。 在此示例中,我们将样式应用于按钮元素。当鼠标悬停在按钮上时,背景颜色将变为红色。 这就是CSS hover构造的基本使用方法。