在現(xiàn)代網頁設計中，放大鏡按鈕是一種常見的設計元素，它可以方便用戶在頁面上放大或縮小視圖。在CSS中，我們可以使用一些簡單的代碼來創(chuàng)建一個漂亮的放大鏡按鈕。

.btn-zoom {
display: inline-block; /* 將按鈕變?yōu)樾袃葔K元素 */
background-color: #168;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
box-shadow: 1px 1px 3px #666;
transition: all 0.3s ease; /* 添加過渡動畫效果 */
}
.btn-zoom:hover {
background-color: #036;
box-shadow: 1px 3px 5px #666; /* 鼠標懸停時添加更大的陰影 */
transform: translateY(-2px); /* 添加向上移動的效果 */
}

在上面的代碼中，我們首先定義了一個名為.btn-zoom的類，將按鈕轉換為行內塊元素，并設置了一些基本的樣式，如背景顏色、文本顏色、內邊距、邊框半徑和盒子陰影。我們還添加了一個過渡動畫效果，當用戶懸停在按鈕上時，顏色、陰影和位置都會發(fā)生變化。

如果您希望使用放大鏡圖標來增強按鈕的功能，可以在HTML中添加一個標簽，如下所示：

<button class="btn-zoom">
<i class="fa fa-search-plus"></i> 放大
</button>

在上面的代碼中，我們使用了Font Awesome庫的免費圖標，將其放在了按鈕中間。這將為我們的放大鏡按鈕提供一個清晰和易于理解的圖標。