在網頁中，經常會用到搜索框，這時候如果能有提示功能，會讓用戶的使用體驗更好。下面就介紹一下如何使用CSS來實現搜索框提示。

/* HTML代碼 */
<div class="search-box">
<input type="text" placeholder="請輸入搜索內容">
<div class="search-tips">
<p>提示1</p>
<p>提示2</p>
<p>提示3</p>
</div>
</div>
/* CSS代碼 */
.search-box {
position: relative;
}
.search-tips {
display: none;
position: absolute;
top: 40px;
left: 0;
width: 100%;
background-color: #fff;
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
border: 1px solid #ddd;
}
.search-box input[type="text"]:focus + .search-tips {
display: block;
}

首先，我們需要在搜索框的外層添加一個父元素，并將其設置為相對定位，這樣在后面設置絕對定位的提示框時，就可以相對于這個父元素進行定位。

接著，在搜索框后面添加一個包含多個提示的div元素，將其隱藏起來。并且在樣式中設置這個提示框的絕對定位、背景色、陰影等屬性。

然后，在CSS中通過相鄰兄弟選擇器（+）來選擇搜索框獲取焦點時的提示框，將其顯示出來。

最后，在HTML中使用placeholder屬性來設置搜索框的提示語。這樣就可以使用CSS來實現搜索框提示了。