css的hove有哪些 |css 图片下落

/* 1. 改变背景颜色 */
p:hover {
background-color: yellow;
}
/* 2. 隐藏和显示元素 */
.hidden-element {
display: none;
}
.visible-element:hover + .hidden-element {
display: block;
}
/* 3. 改变元素的边框 */
p:hover {
border: 1px solid red;
}
/* 4. 鼠标悬浮在图片上时放大 */
img:hover {
transform: scale(1.2);
}
/* 5. 改变内部文本的样式 */
a:hover {
color: blue;
text-decoration: underline;
}

这些:hover的用法只是冰山一角。当你熟练掌握了:hover，你可以创建各种各样的效果来增强你的网页的用户体验。