最近我學了一種很炫酷的網頁設計技巧——CSS3仿蘋果搜索框，今天我就來分享一下這個技巧。

首先，我們要用HTML創建一個搜索框的div元素，并給它設置一個id，比如“search-box”：

<div id="search-box">
<input type="text" placeholder="Search">
<button>Go</button>
</div>

接著，我們使用CSS3的特性來美化這個搜索框。

首先，我們要讓搜索框看起來像一個圓角矩形。我們可以用border-radius屬性來實現：

#search-box {
border-radius: 20px;
}

然后，我們需要給搜索框添加陰影效果。我們可以用box-shadow屬性實現：

#search-box {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

接著，我們讓搜索框的背景顏色變成白色：

#search-box {
background-color: #fff;
}

最后，我們讓搜索框的邊框變得更加細致。我們可以使用CSS3的漸變效果和border屬性實現：

#search-box {
border: 1px solid #ccc;
border-image: linear-gradient(to right, #e5e5e5, #f5f5f5, #e5e5e5) 1;
}

至此，我們的CSS3仿蘋果搜索框就完成了。讓我們來看看最后的效果吧：