在CSS中，您可以使用背景圖像來裝飾搜索框，以下是一些示例代碼，展示如何在搜索框中添加圖片：

1、使用背景圖像添加圖片：

#search-box {
  background-image: url('search-box-background.png');
  width: 200px;
  height: 30px;
  padding: 5px;
  border: none;
  border-radius: 5px;
}

在這個示例中，#search-box 是搜索框的ID，background-image 屬性用于添加背景圖像，您可以將search-box-background.png 替換為您想要使用的圖片路徑，還設置了搜索框的寬度、高度、內邊距、邊框和邊框半徑。

2、使用偽元素添加圖片：

#search-box {
  position: relative;
  width: 200px;
  height: 30px;
  padding: 5px;
  border: none;
  border-radius: 5px;
}
#search-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('search-box-background.png');
}

在這個示例中，使用偽元素::before 來添加背景圖像，同樣地，您可以將search-box-background.png 替換為您想要使用的圖片路徑，這種方法允許您在不改變搜索框原始樣式的情況下添加背景圖像。

這些示例僅展示了如何在搜索框中添加圖片，并沒有直接提到CSS，在實際應用中，您可能需要根據自己的需求進行調整和優(yōu)化。