CSS中的a:hover是指当鼠标移动到链接上时,链接的样式发生改变。a:hover { color: red; text-decoration: underline; } 上面这段代码表示当鼠标移动
CSS中的a:hover是指当鼠标移动到链接上时,链接的样式发生改变。
a:hover { color: red; text-decoration: underline; }
上面这段代码表示当鼠标移动到链接上时,链接的文字颜色会变成红色,且会出现下划线。
a:hover可以用于制作导航栏的悬浮效果,也可以用于制作图片的鼠标悬浮效果。
nav a:hover { background-color: #f1f1f1; color: black; } img:hover { opacity: 0.5; }
第一个代码块表示当鼠标移动到导航栏的链接上时,链接的背景颜色会变成浅灰色,字体颜色变为黑色。
第二个代码块表示当鼠标移动到图片上时,图片的透明度会降低到0.5,达到半透明效果。
a:hover可以让网页效果更加丰富,增强用户体验。
粉丝
0
关注
0
收藏
0