本篇文章给大家带来的内容是关于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实现模拟百度首页（附代码）全部内容，希望文章能够帮你解决css+html实现模拟百度首页（附代码）所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）