css 鼠标触发事件 |手风琴导航 css

/* 示例代码：当鼠标悬停在按钮上时，改变按钮的背景颜色 */
button:hover {
background-color: #ffa500;
}

使用鼠标触发事件能够让网页的交互性更强，使用户在浏览网页时有更好的体验。除了在按钮上应用hover效果之外，还可以在文本、图像等元素上设定鼠标触发事件。

/* 示例代码：当鼠标悬停在图片上时，图片的透明度变为0.5 */
img:hover {
opacity: 0.5;
}

除了hover之外，还可以使用active、focus等伪类设置其他类型的鼠标触发事件。通过CSS鼠标触发事件的应用，可以让网页更加生动，增强网页与用户之间的交互感。