在CSS中添加搜索框，可以通過以下步驟實現(xiàn)：

1、在HTML中定義一個搜索框的容器，可以使用div元素來創(chuàng)建。

2、在CSS中設置搜索框的樣式，包括寬度、高度、邊框、顏色等屬性。

3、在JavaScript中編寫代碼，實現(xiàn)搜索框的搜索功能。

下面是一個簡單的示例代碼：

HTML代碼：

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

CSS代碼：

.search-box {
  width: 200px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 10px 0;
}
.search-input {
  width: 100%;
  height: 100%;
  border: none;
  font-size: 16px;
  padding-left: 5px;
}
.search-button {
  width: 50px;
  height: 100%;
  border: none;
  background-color: #007bff;
  color: #fff;
  font-size: 16px;
  float: right;
}

JavaScript代碼：

document.querySelector('.search-button').addEventListener('click', function() {
  var searchInput = document.querySelector('.search-input');
  var searchValue = searchInput.value;
  // 在這里編寫搜索邏輯，例如使用 AJAX 請求或過濾數(shù)據(jù)等。
});

在這個示例中，我們定義了一個包含搜索框的容器，并使用了CSS來設置樣式，我們還使用了JavaScript來編寫搜索功能，在實際應用中，我們可以根據(jù)具體需求來編寫更復雜的搜索邏輯，例如使用 AJAX 請求或過濾數(shù)據(jù)等。