css 鼠标停留变背景 |css 字拉长

/* 使一个块元素在鼠标移上来时改变背景颜色 */
.block:hover {
background-color: #ccc;
}

上述代码中，大家使用:hover选择器来选中元素，这意味着只有在鼠标停留在上面时才会应用这个样式。然后，大家使用background-color属性来改变背景颜色。

当然，大家也可以使用其他属性和值来实现不同的效果。比如，大家可以改变字体大小、颜色、边框样式等。

/* 使链接在鼠标移上来时变成粗体字 */
a:hover {
font-weight: bold;
}
/* 使按钮在鼠标移上来时显示阴影效果 */
button:hover {
box-shadow: 0 0 5px #ccc;
}

总体来说，鼠标停留效果不仅可以增强网页的交互性，还可以为网页带来更好的视觉体验。大家只需要使用CSS就可以轻松地实现这些效果。