CSS搜索按鈕代碼怎么寫

在CSS中，我們可以使用各種樣式來(lái)美化搜索按鈕，以下是一個(gè)簡(jiǎn)單的CSS搜索按鈕代碼示例：

HTML代碼：

<input type="search" id="search-input" placeholder="搜索...">
<button id="search-button">搜索</button>

CSS代碼：

#search-input {
  width: 200px;
  height: 30px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#search-button {
  height: 30px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #eee;
  cursor: pointer;
}

在這個(gè)示例中，我們使用了兩個(gè)HTML元素來(lái)創(chuàng)建搜索按鈕：一個(gè)輸入框和一個(gè)按鈕，輸入框用于輸入搜索關(guān)鍵詞，按鈕則用于觸發(fā)搜索操作。

在CSS中，我們?yōu)檫@兩個(gè)元素添加了樣式，輸入框被設(shè)置為寬度為200像素，高度為30像素，內(nèi)邊距為5像素，邊框?yàn)?像素的灰色實(shí)線，邊框半徑為5像素，按鈕則被設(shè)置為高度為30像素，內(nèi)邊距為5像素，邊框?yàn)?像素的灰色實(shí)線，邊框半徑為5像素，背景顏色為淺灰色，并且鼠標(biāo)懸停時(shí)會(huì)變成手形指針。

這只是一個(gè)簡(jiǎn)單的示例，你可以根據(jù)自己的需求來(lái)修改樣式，你可以改變按鈕的顏色、大小、形狀等等，以達(dá)到你想要的效果。