CSS中有两个伪类可以用来设置鼠标滑过和离开的样式，分别是:hover和:mouseout。

/* 设置鼠标滑过时的样式 */a:hover {color: red;text-decoration: underline;}/* 设置鼠标离开时的样式 */a:mouseout {color: black;text-decoration: none;}

在上面的代码中，我们使用了:hover来设置当鼠标滑过a标签时的样式，将文字颜色变为红色，并添加下划线。同样地，我们也可以使用:mouseout来设置鼠标离开时的样式，将文字颜色恢复为黑色，并取消下划线。

除了a标签外，还可以在其他元素上应用:hover和:mouseout伪类，让用户体验更加友好。

/* 设置鼠标滑过时的样式 */button:hover {background-color: blue;color: white;}/* 设置鼠标离开时的样式 */button:mouseout {background-color: white;color: black;}

在上面的代码中，我们使用:hover来设置当鼠标滑过button标签时的样式，将背景颜色变为蓝色，并将文字颜色变为白色。当鼠标离开时，我们使用:mouseout来将背景颜色恢复为白色，并将文字颜色恢复为黑色。