隨著互聯網的快速發展，搜索引擎的應用變得越來越普遍。搜索欄是搜索引擎中非常基礎的一個組件，能夠方便用戶快速找到所需要的信息。為了讓搜索欄更加美觀和實用，我們可以使用css來實現。

/* css代碼示例 */
.search-container {
position: relative;
width: 500px;
margin: 0 auto;
}
.search-input {
width: 100%;
padding: 10px;
border: none;
background: #f2f2f2;
border-radius: 20px;
font-size: 16px;
}
.search-button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
border: none;
background: #eb685d;
color: #fff;
border-radius: 50%;
font-size: 20px;
cursor: pointer;
}

如上述代碼所示，搜索欄的css樣式包含了一個容器（search-container）、一個輸入框（search-input）和一個搜索按鈕（search-button）。其中，容器用來設置搜索欄的位置和尺寸。輸入框部分用來設置輸入框的樣式，包括寬度，內邊距，邊框，背景顏色等。搜索按鈕部分用來設置按鈕的位置，尺寸，背景顏色，字體顏色和鼠標指針樣式等。使用css可以使搜索欄更加美觀和實用。