近幾年來，隨著互聯(lián)網(wǎng)的快速發(fā)展，各種網(wǎng)站的設計越來越注重用戶體驗。作為全球最大的搜索引擎之一，百度首頁有著清晰、簡潔、美觀的界面設計。今天，我們就來一起學習仿百度首頁div css的方法。

.header {
height: 80px;
line-height: 80px;
background-color: #222;
color: #fff;
font-size: 24px;
text-align: center;
}
.search-box {
margin-top: 80px;
margin-bottom: 80px;
text-align: center;
}
.search-box input[type="text"] {
width: 500px;
height: 40px;
line-height: 40px;
padding-left: 10px;
font-size: 16px;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 20px;
}
.search-box input[type="submit"] {
width: 100px;
height: 40px;
line-height: 40px;
margin-left: 10px;
font-size: 16px;
background-color: #3385FF;
color: #fff;
border: none;
border-radius: 20px;
}
.footer {
height: 120px;
line-height: 120px;
background-color: #f5f5f5;
text-align: center;
font-size: 14px;
}

以上是仿百度首頁div css的代碼。可以看到，整個頁面分為頭部、搜索框和尾部三部分，分別使用了.header、.search-box、和.footer類來控制樣式。其中，搜索框部分用了兩個input元素，類型分別為"text"和"submit"。這樣，用戶輸入關鍵詞后點擊提交按鈕即可搜索。

總的來說，仿百度首頁div css的方法比較簡單易懂，主要依靠CSS樣式控制頁面布局和元素樣式。大家可以根據(jù)自己的需求進行修改和優(yōu)化，創(chuàng)造更加實用的搜索框及頁面布局。希望以上內(nèi)容對大家有所幫助，謝謝大家的閱讀。