CSS可以為網頁帶來很好的美化效果，而漂亮的搜索欄對于網頁的使用體驗也是非常重要的。下面將介紹一些CSS技巧，讓您能夠輕松地做出一個漂亮的搜索欄。

/* 首先，我們需要給搜索欄一個背景顏色和邊框 */
.search {
background-color: #FFF;
border: 2px solid #DDD;
}
/* 然后給搜索欄添加圓角 */
.search {
border-radius: 5px;
}
/* 接下來，我們添加搜索按鈕，并將其與搜索欄水平排列 */
.search-button {
display: inline-block;
background-color: #DDD;
color: #FFF;
padding: 5px 10px;
border: none;
border-radius: 5px;
margin-left: -50px;
}
.search-input {
display: inline-block;
width: calc(100% - 65px);  /* 這里是為了讓搜索欄和搜索按鈕的寬度總和為100% */
border: none;
padding: 5px;
}
/* 最后，我們給搜索欄添加一些動畫效果 */
.search:focus-within:not(:active) {
box-shadow: 0 0 6px #DDD;
}
.search-button:hover {
background-color: #000;
}

以上就是做漂亮的搜索欄所需的CSS代碼。不同的網站需要的樣式可能會有所不同，但是這些技巧應該可以滿足大部分的需求。