以下是 HTML 和 CSS 代码,实现鼠标悬停在元素上时显示高亮效果:
HTML:
<div class="highlight">鼠标悬停在此处显示高亮效果</div>
CSS:
.highlight {
background-color: lightgray;
padding: 10px;
transition: background-color 0.5s ease;
}
.highlight:hover {
background-color: yellow;
}
如果要将此效果应用到多个元素,可以使用类选择器,如上面的代码所示。