CSS是web页面设计中必不可少的一部分，其中的“查看更多”按钮样式也是很重要的一部分。今天，我们来一起学习如何使用CSS制作出漂亮的“查看更多”按钮样式。

首先，我们需要先了解一下CSS中的:hover选择器。这个选择器表示当鼠标悬停在某个HTML元素上时，将会应用该元素的hover样式。接下来，我们就可以通过该选择器来实现“查看更多”按钮的效果。

.button {
display: inline-block;
padding: 10px 20px;
margin: 10px;
border: 2px solid #000;
border-radius: 5px;
text-align: center;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #000;
background-color: #fff;
}
.button:hover {
color: #fff;
background-color: #000;
cursor: pointer;
}

以上代码中，我们定义了一个.button类，该类表示一个简单的按钮样式，然后通过:hover选择器来定义鼠标悬停样式。在悬停状态下，我们将按钮的颜色更改为白色，背景颜色更改为黑色，并添加鼠标手势。

最后，我们可以在HTML中使用该类来创建“查看更多”按钮，例如：

<button class="button">查看更多</button>

这样，我们就成功地使用CSS创建了一个漂亮的“查看更多”按钮样式。