在前端開發的過程中，搜索框是一個常見的組件，而CSS是其中不可或缺的一環。下面我們將介紹如何寫一個簡單的CSS搜索框。

<div class="search-box">
<input type="text" placeholder="請輸入搜索內容">
</div>

上面的代碼中，我們使用了一個div作為搜索框的容器，并在其中使用了一個input元素作為輸入框。其中，input元素的type屬性為text，表示這是一個文本輸入框；placeholder屬性為占位符，即在用戶未輸入內容時顯示的提示文字。

.search-box {
width: 300px;
height: 30px;
border: 1px solid #999;
border-radius: 3px;
display: flex;
align-items: center;
padding: 0 10px;
}
.search-box input {
width: 100%;
height: 100%;
border: none;
outline: none;
font-size: 16px;
}

在CSS中，我們使用了.search-box類來定義搜索框的樣式。其中，width和height屬性分別指定搜索框的寬度和高度；border屬性為邊框，其值為1px實線的#999灰色；border-radius屬性為圓角，其值為3px表示圓角半徑為3px；display屬性為flex表示采用彈性布局，使輸入框與容器水平居中對齊；align-items屬性為center表示垂直居中對齊；padding屬性為0 10px表示左右各有10px的內邊距。

在.search-box input中，我們使用了width: 100%; height: 100%;使輸入框鋪滿容器；border: none; outline: none;去除輸入框的邊框和輪廓線；font-size: 16px;設置字體大小為16px。

至此，一個簡單的CSS搜索框就完成了。當然，這只是一個基礎版的樣式，我們可以通過添加背景色、文字樣式等方式來改進搜索框的外觀。