在网页设计中，`:hover`是一个CSS选择器，它用于指定当用户鼠标悬停在元素上时的样式，使用`:hover`选择器，你可以改变鼠标指针悬停在元素上时的样式，例如改变颜色、背景色、字体大小等等。
以下是一个简单的例子，演示如何使用`:hover`选择器来改变一个按钮的背景色和文字颜色：
<!DOCTYPE html>
<html>
<head>
<style>
button {
background-color: blue;
color: white;
padding: 10px;
border: none;
cursor: pointer;
}
button:hover {
background-color: red;
color: black;
}
</style>
</head>
<body>
<button>Hover over me</button>
</body>
</html>在这个例子中，我们首先定义了一个按钮的样式，包括背景色、文字颜色、内边距、边框和光标样式，我们使用`:hover`选择器来定义当用户鼠标悬停在按钮上时的样式，改变背景色和文字颜色，当用户将鼠标悬停在按钮上时，按钮的背景色将变为红色，文字颜色将变为黑色。
