和CSS對搜索頁面進行美化非常有用。如果你是前端開發者，那么你需要掌握以下代碼片段，以便為搜索頁面添加美觀的外觀。

/*搜索頁*/
.search-page {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 50px;
}
/*搜索框*/
.search-box {
width: 480px;
height: 48px;
position: relative;
}
/*搜索按鈕*/
.search-btn {
position: absolute;
right: 10px;
top: 12px;
background-color: #f5f5f5;
border: none;
padding: 12px 16px;
cursor: pointer;
}
/*搜索框輸入*/
.search-input {
width: 100%;
height: 100%;
border: none;
background-color: #f5f5f5;
padding-left: 16px;
font-size: 16px;
}
/*搜索結果*/
.search-results {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 30px;
}
/*搜索結果列表*/
.search-results-list {
width: 80%;
margin-top: 20px;
font-size: 18px;
}
/*搜索結果鏈接*/
.search-results-link {
color: #333;
text-decoration: none;
line-height: 30px;
display: block;
margin-bottom: 10px;
}

以上代碼可以幫助你為搜索頁面添加基本的樣式。你可以根據自己的需要來修改它們以滿足你的需求。使用這些代碼，你可以為搜索頁面添加一個漂亮的外觀，同時提高用戶體驗。