CSS中設(shè)置搜索框有多種方法，下面是其中兩種方法的示例：

第一種方法是設(shè)置input標(biāo)簽的樣式。比如以下代碼：

input[type="text"] {
width: 200px;
height: 30px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 5px 10px;
font-size: 16px;
}

代碼中設(shè)置了輸入框的寬高，圓角、邊框、內(nèi)邊距和字體大小等樣式。可以根據(jù)需求進(jìn)行自定義。

第二種方法是使用form標(biāo)簽，并使用CSS樣式控制form元素下的input、button等子元素的樣式，比如以下代碼：

form {
display: flex;
justify-content: center;
align-items: center;
}
input[type="text"] {
width: 300px;
height: 40px;
border-radius: 20px;
border: none;
outline: none;
padding: 0 20px;
font-size: 16px;
}
button[type="submit"] {
background-color: #0077cc;
color: #fff;
font-size: 16px;
border: none;
border-radius: 20px;
padding: 10px 20px;
margin-left: 10px;
}

代碼中使用了flex布局使form和內(nèi)部元素垂直居中。input元素的邊框設(shè)置為none，點(diǎn)擊后不顯示輪廓線；button元素設(shè)置了背景顏色、字體顏色、邊框半徑和內(nèi)邊距等樣式。

以上兩種方法都可以根據(jù)需要進(jìn)行樣式自定義，以實(shí)現(xiàn)各式各樣的搜索框效果。