接下來，讓我們使用CSS樣式來美化這個搜索框。

.search-box {
display: flex;
align-items: center;
}
input[type="text"] {
padding: 10px;
border: none;
border-radius: 5px;
outline: none;
font-size: 16px;
}
button {
padding: 10px;
border: none;
border-radius: 5px;
background-color: #0072C6;
color: #fff;
font-size: 16px;
margin-left: 10px;
}

以上代碼中，我們使用了一些常見的CSS屬性來設置搜索框樣式。例如，使用display: flex;來指定搜索框為彈性布局，使用align-items: center;來垂直居中搜索框內的元素。

同時，我們使用了border、border-radius、padding等屬性來設置搜索框和按鈕的邊框樣式和內邊距大小。使用margin-left屬性來設置按鈕和輸入框之間的間距。

最后，我們使用background-color和color屬性來設置按鈕的背景色和字體顏色。

經過以上的設置，一個簡單的搜索框就制作完成了。當然，這只是一個最基本的搜索框，根據需求，我們還可以添加其他樣式屬性，如陰影效果、動畫效果等，來提高搜索框的美觀度。