用html模仿百度首页界面,HTML/CSS百度首页模仿

>

模仿百度

*{margin:0; padding:0;}

.wrap{width:100%;}

.header{width:100%; height:80px;}

.mainbody{width:70%;height:620px;margin:0 auto;}

.footer{width:640px;height:100px;margin:0 auto;}

div div ul li{float:right;}

.font1{color: #333;

font-weight: bold;

line-height: 24px;

margin-left: 20px;

font-size: 13px;}

.font2{color: #333;

line-height: 24px;

margin-left: 20px;

font-size: 13px;}

.font3{

display:block;

text-align:center;

font-size: 13px;

width: 60px;

height: 24px;

line-height: 24px;

margin:0 10px 0 20px;

background:#3385ff; color:#fff;

text-decoration:none;}

ul{list-style:none;position:absolute; top:20px;right:5px;}

.logo{display:block;margin:75px auto 25px;width:270px;height:129px;}

#submit{width:100px;height:36px;background:#3385ff; border:1px solid #06F;color:#fff;font-size:15px;}

#search{width:526px;height:36px;}

.tubiao{width:630px;margin:0 auto;}

.qrcode_text{float:left;height:46px;line-height:23px;font-size:12px;margin: 8px 0 0 10px;}

.qrcode_img{float:left;}

.qrcode{float:left;width:130px;height:65px;}

.qrcode1{margin:0 20px;}

span{color:#666;font:12px arial}

span1{color:#666;}

.text1{color:#272727;font:12px arial}

.text2{color:#666;font:12px arial}

.banquan{float:left;width:340px;padding:5px 0px; line-height:28px;}

ul li ul li{float:none;}

• 更多产品
• 设置
• 登录
• 贴吧
• 视频
• 地图
• hao123
• 新闻
• 糯米

手机百度

快人一步

百度糯米

一元大餐

把百度设为主页   关于百度   About Baidu

©2016 Baidu 使用百度前必读 意见反馈 京ICP证030173号