css+html实现模拟baidu首页(附代码)
发布时间:09/01 来源:未知 浏览:
关键词:
本篇文章给大家带来的内容是关于css+html实现模拟baidu首页(附代码),有必然的参照 价值,有需要的伴侣可以参照 一下,但愿对你有所帮忙。
代码如下:
<!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="baidu一下"><br> </div> </form> </div> <div id="erweima"> <img src="baidu二维码.png"> </div> <div id="a1"> <a href="2.mp4">把baidu设为首页</a> <a href="2.mp4">关于baidu</a> <a href="2.mp4">ABOUT BAIDU</a> <a href="2.mp4">baidu推行</a> </div> </body> </html>
运转结果:
相关引荐:
php curl 模拟登录baidu首页
css使用relative仿照baidu首页top
以上就是css+html实现模拟baidu首页(附代码)的具体内容,更多请关注百分百源码网其它相关文章!