<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding: 0;
margin: 0;
border: 0px;
}
#header{
margin-top: 10px;
margin-right: 5px;
text-align: right;
}
#header a{
font-size: 12px;
color: black;
font-weight: bold;
padding-left: 18px;
}
#header a:nth-child(7),#header a:nth-child(8){
font-weight: normal;
}
#goods{
line-height: 20px;
border: 1px solid #3385ff;
background-color: #3385ff;
color: white;
}
#content{
height: 450px;
width: 100%;
text-align: center;
line-height: 450px;
}
#search_txt{
border: 1px solid #b8b8b8;
line-height: 30px;
}
#search{
line-height: 30px;
border: 1px solid #3385ff;
background-color: #3385ff;
color: white;
margin-left: -8px;
font-size: 16px;
width: 100px;
}
#footer{
text-align: center;
font-size:12px;
color: #999999;
line-height: 22px;
}
#dcode{
height: 60px;
width: 60px;
background-color: #b8b8b8;
margin: 0 auto;
}
p{
color: #666666;
font-weight: bold;
font-size:16px;
}
#footer a{
color: #999999;
margin-left: 20px;
}
#footer_left a{
margin-left: 0px;
}
</style>
</head>
<body>
<div id="header">
<a href="#">糯米</a>
<a href="#">新闻</a>
<a href="#">hao123</a>
<a href="#">地图</a>
<a href="#">视频</a>
<a href="#">贴吧</a>
<a href="#">登录</a>
<a href="#">设置</a>
<input type="button" value="更多产品" id="goods"/>
</div>
<div id="content">
<input type="text" id="search_txt" size=80>
<input type="button" id="search" value="百度一下">
</div>
<div id="footer">
<div id="dcode">二维码</div>
<p>手机百度</p>
<a href="#">把百度设为主页</a>
<a href="#">关于百度</a>
<a href="#">About baidu</a>
<a href="#">百度推广</a><br>
<span id="footer_left">
©2017 Baidu<a href="#">使用百度前必读</a>
<a href="#">意见反馈</a>京ICP证030173号
</span>
<a href="#">京公安备11000002000001号</a>
</div>
</body>
</html>
