百度css搜索框的制作，可以借鑒以下步驟：

/* CSS代碼 */
.search {
position: relative; /* 相對定位，為下拉列表提供定位參照 */
margin: 0 auto; /* 居中 */
width: 500px; /* 寬度 */
height: 32px; /* 高度 */
background-color: #fff; /* 背景色 */
border: 2px solid #eee; /* 邊框 */
border-radius: 18px; /* 圓角 */
font-size: 16px; /* 字號 */
}
.search input {
box-sizing: border-box; /* 容器大小為實際內(nèi)容大小 */
display: inline-block; /* 行內(nèi)塊 */
width: 100%; /* 寬度為100% */
height: 100%; /* 高度為100% */
padding: 0 40px 0 12px; /* 內(nèi)左右12px，內(nèi)上下0，留40px給放圖片的span標(biāo)簽 */
vertical-align: middle; /* 垂直對齊方式為中心 */
outline: none; /* 去掉聚焦時的虛線框 */
border: none; /* 去掉邊框 */
}
.search span {
position: absolute; /* 絕對定位，使圖片不隨搜索框移動 */
top: 5px; /* 上邊距為5px */
right: 10px; /* 右邊距為10px */
width: 22px; /* 寬度為22px */
height: 22px; /* 高度為22px */
background: url('../images/search.png') no-repeat center; /* 圖片 */
cursor: pointer; /* 鼠標(biāo)樣式為手型 */
}

這些CSS樣式一起制作出了百度CSS搜索框，具有美觀、簡潔、大氣等特點。