<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度</title>
<style>
body{
height:100%;
width:100%;
}
a{
color: #000000;
}
button{
background:#3388ff;
}
#part1{
text-align:right;margin-top: 20px
}
#part2{
background:white;
text-align: center;
margin-top: 70px;
}
#box{
width: 536px;
margin: 30px auto;
font-family: 'Microsoft YaHei';
font-size: 14px;
}
input{
width: 380px;
border: 1px solid #e2e2e2;
height: 30px;
float: left;
background-repeat: no-repeat;
background-size: 25px;
background-position:5px center;
padding:0 0 0 40px;
}
#search{
width: 78px;
height: 32px;
float: right;
background: blue;
color: white;
text-align: center;
line-height: 32px;
cursor: pointer;}
#box2{
width: 536px;
text-align: center;
margin-top: 50px;
}
#part3{
text-align:center;
font-size: 10px;
}
</style>
</head>
<body>
<div id="part1">
<a href="#" >新闻</a>
<a href="#"> hao123</a>
<a href="#"> 地图</a>
<a href="#"> 视频</a>
<a href="#"> 贴吧</a>
<a href="#"> 学术</a>
<a href="#"> 登录</a>
<a href="#"> 设置</a>
<button >更多产品</button>
</div>
<div id="part2" >
<img src="baidu.jpg" alt="" width="350px" height="150px">
</div>
<div id="box">
<input type="text" name="search" >
<img src="cre.jpg" alt="">
<div id="search">搜索</div>
<div id="box2"><img src="erweima.jpg" alt="">
<p>下载百度APP <br>
有事搜一搜 没事看一看</p></div>
<div id="part3">
<a href="">把百度设为主页</a>
<a href="">关于百度</a>
<a href="">About Baidu</a>
<a href="">百度推广</a> <br><br><br>
©2019 Baidu 使用百度前必读 意见反馈 京ICP证030173号 京公网安备11000002000001号
</div>
</div>
</body>
</html>
day03 百度页面
最新推荐文章于 2023-07-28 21:40:43 发布