<!DOCTYPE html>
<html>
<style>
html,body{height: 100%;}
.head{margin:auto;width: 100%;
height: 32px;border-bottom: 1px solid #ebebeb;text-align: right;}
.head ul{display: inline-block;}
.middle{padding-top: 10%;}
.middle-for{width: 640px;margin: 0px auto;}
.middle-pic1{text-align:center;}
.middle-pic2{text-align:center;}
.middle-pic1 img{width: 200px;margin: 0px auto;}
.middle-pic2 img{width: 100px;margin: 0px auto;}
.middle-secs{border: 1px solid dodgerblue;height: 30px;width :528px;margin: 0 auto}
.middle-txt{width: 528px;}
.middle-btn{height:30px;width:75px;color: white;background-color: dodgerblue;
margin-left:auto;text-align: center;line-height: 30px}
.middle-btn1{height: 20px;width :75px;color :white;background-color: dodgerblue;
text-align: center;float: left;margin: 0 10px;}
.foot{bottom: 10px;width: 100%;text-align: center;}
.foot p{color: #999;font-size: 14px;line-height:32px ;}
.foot p a{margin: 0 10px;color: #999;text-decoration: underline;}
</style>
<head>
<meta charset="UTF-8">
<title>百度页面</title>
<link rel="stylesheet" href="base.css">
</head>
<body>
<div>
<div class="head">
<ul>
<a href="">新闻</a>
<a href="">地图</a>
<a href="">视频</a>
<a href="">贴吧</a>
<a href="">学术</a>
<a href="">登录</a>
<a href="">设置</a>
<div class="middle-btn1">更多产品</div>
</ul>
</div>
<div class="middle">
<div class="middle-for">
<div class="middle-pic1"><img src="img/timg.jpg" alt=""></div>
<div class="middle-secs">
<div class="middle-txt" >
</div>
<div class="middle-btn" >百度一下</div>
</div>
<br><br>
<div class="middle-pic2"><img src="img/pic01.jpg" alt=""></div>
<div style="margin: auto;text-align: center" >
<a style="font-weight: bold">下载百度APP</a></br>
<a style="color: gray;">有事搜一搜 没事看一看</a>
</div>
</div>
</div>
</div>
<div class="foot">
<p><a href="#">把百度设置为主页</a><a href="#">关于百度</a><a href="#">百度</a></p>
<p>@2019 Baidu 使用百度前必读 意见反馈 京ICP证03073号</p>
</div>
</body>
</html>
第一周day03
最新推荐文章于 2021-04-14 19:05:32 发布