CSS搜索框前標題是指在搜索框前面可以加上一段文字提示，幫助用戶更快地了解搜索框的用途和功能。

代碼示例：
<div class="search-container">
<h3 class="search-title">搜索</h3>
<input type="text" placeholder="請輸入關鍵詞">
<button type="submit">搜索</button>
</div>

在上述代碼中，我們使用了一個div容器，包含一個標題、一個輸入框和一個提交按鈕。其中，h3標簽用來表示搜索框前的標題，class屬性可以用來自定義樣式。

為搜索框前的標題添加樣式可以讓頁面更加美觀和易于使用。下面是一個示例css代碼：

代碼示例：
.search-title {
font-size: 1.5rem;
color: #333;
margin: 0 0 1rem 0;
}

在上述代碼中，我們通過選擇器.search-title來選中搜索框前的標題，并設置了一些樣式。其中，font-size用于設置標題字體的大小，color用于設置標題字體的顏色，margin則用于設置標題與其他元素之間的間距。

通過以上代碼示例，我們可以輕松地在搜索框前添加標題，并為之設置樣式，使頁面看起來更加美觀和易于使用。