淘先锋技术网

首页 1 2 3 4 5 6 7

CSS 鼠标经过尽选可以让网页变得更加生动、互动。通过为元素添加:hover选择器,当鼠标经过元素时,可以触发特定的CSS效果。

.item:hover {
background-color: #f1f1f1;
color: #333;
}

上面的代码表示,当鼠标经过class为“item”的元素时,背景颜色会变成#f1f1f1,文字颜色会变成#333。

除了改变背景颜色、文字颜色外,我们还可以添加其他的效果,比如改变边框、添加阴影等等。

.item:hover {
border: 1px solid #333;
box-shadow: 2px 2px 5px #888;
}

上面的代码表示,当鼠标经过class为“item”的元素时,边框会变成1px实线#333,同时添加了一个2px的阴影效果。

通过使用CSS 鼠标经过尽选,可以让网页变得更加美观、富有动感,使用户的体验更加流畅。