CSS是網頁設計中不可或缺的一部分，它可以讓我們實現各種不同的樣式和功能。其中，搜索按鈕是網頁中經常用到的一個按鈕，下面我們來看看如何使用CSS來實現搜索按鈕。

/* 定義搜索按鈕的樣式 */
.search-btn {
background-color: #333; /* 按鈕的背景色 */
color: #fff; /* 文字顏色 */
border: none; /* 去掉邊框 */
border-radius: 4px; /* 圓角 */
padding: 10px 20px; /* 內邊距 */
cursor: pointer; /* 鼠標樣式 */
}
/* 當鼠標移動到按鈕上時，改變樣式 */
.search-btn:hover {
background-color: #555; /* 按鈕變暗 */
}
/* 當按鈕被點擊時，改變樣式 */
.search-btn:active {
background-color: #999; /* 按鈕變更暗 */
}

以上代碼中，我們使用了CSS來定義了一個搜索按鈕的樣式。其中，我們設置了按鈕的背景色、文字顏色、邊框、圓角以及內邊距等樣式。此外，我們還使用了:hover和:active偽類來實現當鼠標移動到按鈕上和按鈕被點擊時，按鈕樣式的改變。

在HTML中，我們只需要將上述CSS樣式應用于按鈕元素即可：

<button class="search-btn">搜索</button>

當然，我們可以將上述CSS樣式修改為自己想要的樣式，比如更改背景色、文字顏色等，來實現自定義的搜索按鈕。