CSS做一個搜索提示框非常簡單，只需要利用CSS的屬性和選擇器完成即可。下面我們就來看一看如何實現一個簡單的搜索提示框。

.search-box{
position:relative;
}
.search-box input{
width:200px;
height:30px;
border:1px solid #ccc;
border-radius:5px;
padding-left:10px;
}
.search-box ul{
position:absolute;
z-index:999;
top:35px;
left:0;
width:200px;
border:1px solid #ccc;
border-top:none;
border-radius:0 0 5px 5px;
padding:0;
margin:0;
list-style:none;
background-color:#fff;
}
.search-box ul li{
padding:5px 10px;
cursor:pointer;
}
.search-box ul li:hover{
background-color:#ccc;
}

首先，我們需要一個包裹搜索框的div容器，設置它的position屬性為relative，這樣我們后面顯示下拉提示框時才能設置它的position為absolute。

接著，我們需要一個input框用于輸入關鍵字，我們設置它的樣式，如寬度為200px，高度為30px，邊框為1px灰色，圓角為5px，左側內邊距為10px等等。

然后，我們需要一個ul列表，用于顯示搜索結果。我們設置它的基本樣式，如設position屬性為absolute，將它定位在input的下方，z-index屬性設置為999，使它位于所有其他元素的上面，給它添加一個1px的灰色邊框，圓角為0 0 5px 5px，設置它的padding和margin值均為0，list-style設為none，背景顏色為白色。

最后，我們需要為ul列表添加li標簽，用于顯示搜索結果。我們給它們添加padding值，當鼠標hover時，背景顏色變為灰色。這樣，一個簡單的搜索提示框就完成了。

以上就是利用CSS實現搜索提示框的基本方法，當然，我們可以根據自己的需求對它進行更加細致的樣式調整。祝愉快編程！