HTML仿写baidu首页
发布时间：09/01 来源：未知 浏览：
关键词：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
a {
color: black;
}
#header {
text-align: right;
height: 38px;
line-height: 38px;
}
#content {
text-align: center;
}
.content-top img {
width: 270px;
}
.btn {
width: 700px;
height: 38px;
margin: 10px auto 30px;
}
.btn input {
width: 550px;
height: 38px;
border: 1px solid #dddddd;
font-size: 15px;
}
.btn a {
background-color: #3385ff;
width: 100px;
height: 38px;
float: right;
text-align: center;
line-height: 38px;
color: white;
text-decoration: none;
}
#footer {
margin-top: 100px;
}
.erwei,
.footer-t,
.footer-btn {
text-align: center;
}
.erwei p {
font-weight: bold;
}
</style>
</head>
<body>
<div id="header">
<a href="###" target="_blank">新闻</a>
<a href="###" target="_blank">hao123</a>
<a href="###" target="_blank">地图</a>
<a href="###" target="_blank">视频</a>
<a href="###" target="_blank">贴吧</a>
<a href="#" class="no-weight">登录</a>
<a href="#" class="no-weight">设定</a>
</div>
<div id="content">
<div class="top">
<!--src:资源的缩写;alt:假如网速图片显示不出来,就显示文字-->
<img src="/uploads/allimg/200930/bd_logo11746.png">
</div>
<div class="btn">
<!--type:定义单行输入的文字;href:链接URL-->
<input type="text">
<a href="###">baidu一下</a>
</div>
</div>
<div id="footer">
<div class="erwei">
<img src="/uploads/allimg/200930/zbios_efde6961751.png" />
<p>baidu</p>
</div>
<div class="footer-t">
<a href="###" target="_blank">把baidu设为主页</a>
<a href="###" target="_blank">关于baidu</a>
<a href="###" target="_blank">About Baidu</a>
<a href="###" target="_blank">baidu推行</a>
</div>
<div class="footer-btn">
?2018 Baidu
<a href="###">使用baidu前必读</a>
<a href="###">意见反应</a> 京ICP证030173号
<img src="img/1.PNG">
<a href="###">京公网安备11000002000001号<img src="img/2.PNG" /></a>
</div>
</div>
</body>
</html>相关引荐：
关于高德地图WEB版根基控件的展现
html用表格规划来实现会员注册表单实例
以上就是HTML仿写baidu首页的具体内容，更多请关注百分百源码网其它相关文章！
