本篇文章將介紹如何使用CSS編寫百度首頁。
/* 定義網(wǎng)頁的基本樣式 */ body { padding: 0; margin: 0; font-family: "Microsoft Yahei", sans-serif; } /* 頭部樣式 */ #header { height: 80px; background: url("header.png") no-repeat; } /* Logo樣式 */ #logo { background: url("logo.png") no-repeat; width: 130px; height: 36px; float: left; margin-left: 30px; margin-top: 22px; } /* 搜索框樣式 */ #search { width: 540px; height: 40px; float: left; margin-top: 20px; margin-left: 80px; } #search .text { width: 445px; height: 36px; float: left; padding: 0; margin: 0; border: 0; background: #ffffff; font-size: 16px; color: #333333; line-height: 36px; outline: none; } #search .button { width: 95px; height: 40px; float: left; margin: 0; padding: 0; border: 0; background: #3385ff; color: #ffffff; font-size: 16px; line-height: 40px; text-align: center; cursor: pointer; } /* 底部樣式 */ #footer { height: 60px; background: #f2f2f2; text-align: center; padding-top: 20px; }
以上是百度首頁的部分CSS代碼,可以通過這些代碼實現(xiàn)百度首頁的布局和樣式。