本篇文章给大家带来的内容是关于css+html实现模拟百度首页（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#biaoqian{
float: right;
margin: 10px;
}
#d2,#d3,#d4,#d5,#d6,#d7,#d8,#d9{
margin: 5px;
}
#title{
padding-left: 200px;
}
.inputw{
height: 32px;
line-height: 30px;
}
#pic{
margin-top: 180px;
padding-left: 380px;
}
#and{
margin: 30px;
margin-top: 30px;
}
#a1 {
padding-left:340px ;
margin-top: 40px;
}
#erweima{
margin-top: 200px;
padding-left: 500px;
}
</style>
</head>
<body>
<div id="biaoqian">
<a href="2.mp4" id="d2">新闻</a>
<a href="2.mp4" id="d3">hao123</a>
<a href="2.mp4" id="d4">地图</a>
<a href="2.mp4" id="d5">视频</a>
<a href="2.mp4" id="d6">贴吧</a>
<a href="2.mp4" id="d7">学术</a>
<a href="2.mp4" id="d8">登录</a>
<a href="2.mp4" id="d9">设置</a>
</div>
<div id="and">
<img src="timg_看图王.jpg" id="pic" width="250"height="108">
<form>
<div id="title">
<input class="inputw" name="aa" type="text" size="70" >
<input class="inputw" type="button" name="aa" onclick="helloword" value="百度一下"><br>
</div>
</form>
</div>
<div id="erweima">
<img src="百度二维码.png">
</div>
<div id="a1">
<a href="2.mp4">把百度设为首页</a>
<a href="2.mp4">关于百度</a>
<a href="2.mp4">ABOUT BAIDU</a>
<a href="2.mp4">百度推广</a>
</div>
</body>
</html>
运行结果： 
相关推荐：
php curl 模拟登录百度首页
css使用relative模仿百度首页top
以上就是css+html实现模拟百度首页（附代码）的详细内容，更多请关注爱上源码网其它相关文章！
- 上一篇：HTML简单介绍
- 下一篇：html中的meta标签是什么？meta标签的属性介绍
相关文章
相关视频
- JS实现模拟百度搜索“2012世界末日”网页地震撕…
- jQuery不间断滚动效果(模拟百度新闻支持文字/…
- python3.3教程之模拟百度登陆代码分享
- Python模拟百度登录实例详解
- 模拟百度贴吧恢复帖子
- css+html实现模拟百度首页（附代码）
- HTML CSS
- CSS注释代码
- HTML+CSS 轻松入门之有序标签和无序标签，DIV标签
- CSS 浮动
- CSS 导航栏
本文有爱上源码下载完入驻作者发布，如果对您版权造成侵害，可以联系本站站长管理进行维权删除，本站收到维权24小时内进行处理，谢谢您关注23ym.cn！
本站分享大量程序员技术文章以及对编程开发的初级入门教程，包括图文讲解笔记和高清视频下载~
重要声明：
1.本站视频教程,软件及网站源码版权均属于原作者所有,您必须在下载后的24个小时之内,从您的电脑中删除!非法商业用途,后果自负！
2.本站不保证所提供下载资源的安全性和完整性,仅供下载学习之用!如链接失效或资源含外站广告,请联系客服处理！给予奖励！
3.本站所有资源来源于用户上传和网络，因此不包含技术服务请大家谅解！本站提供有偿服务！如有侵权请联系在线客服！
4.如您手中有优质资源或教程，可以自助投稿发布，成功分享后有奖励和额外收入！
5.如您需要正版微擎模块可联系本站客服,我们有价值30w+商业微擎应用出售微擎坑位和招收代理！6.400电话/软著/ICP,EDI许可证/商标特价办理中！
爱上源码下载网 » css+html实现模拟百度首页（附代码）
爱上源码下载网 » css+html实现模拟百度首页（附代码）
常见问题FAQ
- 从网站下载的源码都有安装教程么？不会安装怎么办？
- 本站发布的网站源码和模板资源大部分在压缩包内都有教程，如您不会安装可以联系本站在线技术进行付费安装。
- 爱上源码的所有源码都是亲测能正常运行的么？
- 我手中的优质资源可以在你这换钱或者VIP么？
- 爱上源码除了资源分享还有其他业务没？
