在網頁設計中，搜索框是一個常見的元素。使用 CSS 可以輕松地實現一個獨特的搜索框樣式。下面是一個搜索框的 CSS 代碼示例。

input[type="text"] {
background-color: #fff;
border: 1px solid #ccc;
padding: 6px;
color: #333;
font-size: 14px;
width: 200px;
border-radius: 4px;
box-shadow: 0px 0px 5px #ccc inset;
}
input[type="text"]:focus {
outline: none;
box-shadow: 0px 0px 5px #007eff inset;
}

在這個示例中，我們使用了 CSS 選擇器來選擇一個文本輸入框并設置其樣式。我們設定了背景顏色，邊框，內邊距，字體大小和寬度等屬性。我們還使用了邊框半徑和盒子陰影來為搜索框增加一些裝飾性。

關于搜索框的樣式，我們還定義了當搜索框被鼠標點擊時的效果。這里，我們去掉了搜索框的默認外發光效果，并使用了一個淺藍色的盒子陰影來為用戶提供反饋。

使用這個 CSS 代碼示例，您可以輕松地創建一個獨特的搜索框樣式，并為您的網頁增色不少。