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創建了一個漂亮的“查看更多”按鈕樣式。