CSS中的hover属性用于指定某元素在鼠标悬停时的样式。比如当我们鼠标悬停在一个链接上时，就会出现下划线，这就是用hover属性实现的。以下是使用hover的一些常见用法：

a:hover {text-decoration: underline;}

这段代码表示当鼠标悬停在一个链接上时，给它添加下划线样式。

button:hover {background-color: blue;color: white;}

这段代码表示当鼠标悬停在一个按钮上时，将它的背景色改为蓝色，字体颜色为白色。

li:hover ul {display: block;}

这段代码表示当鼠标悬停在一个列表项上时，它下方的子菜单（使用ul标签实现）将被显示。

除了用于链接、按钮、下拉菜单等场景外，hover还可以用于图像样式的改变。比如当我们鼠标悬停在一个图像上时，让它的大小或透明度发生改变。

img:hover {opacity: 0.8;transform: scale(1.1);}

这段代码表示当鼠标悬停在一张图片上时，将它的透明度降低为80%，同时将它的大小放大10%。

总之，使用hover可以让网页的交互效果更加生动、直观，值得我们在设计网页时多多运用。