<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>baidu</title>
<style>
a {
color: black;
}
a:hover{
color: blue;
}
p{
text-indent: 2em;
}
img{
}
.ww{
top: 38.2%;
position: relative;
margin-top: 150px;
}
.qq a{
color: #999;
}
.qq p{
color: #999;
}
/*标签名+hover来修饰标签，表示覆盖此标签时央视会变成大括号中声明的样式。*/
</style>
</head>
<body>
<div style="text-align: right;">
<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>
<a href="" style="width: 60px;height: 40px;background-color: dodgerblue;color: white;text-decoration: none;">更多产品</a>
</div>
<div align="center" style="margin-top: 100px">
<img width="220px"
height="85px" src=".idea/baidu.jpg"/>
</div>
<div align="center">
<input type="text" style="height: 30px;width: 600px" value="" />
<input class="baidu" type="submit" value="百度一下" style="width: 80px;height: 40px">
</div>
<div class="ww" align="center" >
<div align="center">
<img width="100px"height="100px" src=".idea/ew.jpg"/>
</div>
<div class="qq">
<p style="font-size: 16px;color: #333" align="center">下载百度APP</p>
<p style="font-size: 14px;color: #999;">有事搜一搜 没事看一看</p>
</div>
</div>
<div class="qq" align="center">
<p>
<a href="">把百度设为主页</a>
<a href="">关于百度</a>
<a href="">About Baidu</a>
<a href="">百度推广</a>
</p>
<p>
©2019 Baidu
<a href="">使用百度前必读</a>
<a href="" >意见反馈</a>
京ICP证030173号
<a href="">京公网安备11000002000001号</a><img src=".idea/icons_d5b04cc.gif" />
</p>
</div>
</body>
</html>
idealist 9.05 web作业
最新推荐文章于 2019-09-22 20:34:59 发布
扫一扫
5318
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
