在CSS中，我們可以使用偽類來創(chuàng)建搜索框，以下是一個(gè)簡(jiǎn)單的搜索框樣式示例：

<div class="search-box">
  <input type="text" class="search-input" placeholder="搜索...">
  <button class="search-button">搜索</button>
</div>

在CSS中，我們可以使用以下樣式來美化搜索框：

.search-box {
  width: 200px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
}
.search-input {
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #333;
}
.search-button {
  width: 50px;
  height: 100%;
  font-size: 16px;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)簡(jiǎn)單的搜索框，其中包括一個(gè)文本輸入框和一個(gè)搜索按鈕，我們使用CSS來美化搜索框的外觀，包括設(shè)置寬度、高度、邊框、邊框半徑、填充和字體大小等屬性，我們還為搜索按鈕添加了一些樣式，包括顏色、背景顏色和邊框等屬性。

這只是一個(gè)簡(jiǎn)單的示例，你可以根據(jù)自己的需求來定制更復(fù)雜的搜索框樣式，無論你的需求是什么，CSS都可以幫助你輕松地創(chuàng)建出漂亮的搜索框。