<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin-top: 0; margin-left: 0; } /*搜索框样式 */ #divput{ margin-left: 420px; margin-top: 30px; } #sr{ width: 108px; height: 44px; background-color:#4E6EF2; border-radius: 0 10px 10px 0; float: left; } #sr a{ color: white; text-decoration: none; font-size: 17px; line-height: 45px; margin-left: 13px; } #kk{ float: left; width: 550px; height: 38px; border: 2px solid #c4c7c1; border-radius: 10px 0 0 10px; outline: none; } /* 顶部样式 */ #box1 li{ list-style:none; margin-top: 20px; } #box1 a{ text-decoration: none; color: black; font-size: 13px; } #box1 a:hover{ color: #0000FF; } #box1 li{ display: inline-block; width: 60px; text-align: center; } /* 插入图片 */ #ph{ width: 270px; margin-left: 600px; } /* 热搜样式 */ #box2{ width: 1000px; margin-top: 120px; margin-left: 450px; } #box2 a{ color: #000000; font-size: 12px; text-decoration: none; } #box2 a:hover{ color: #0000FF; } #box2 ol li{ width: 350px; height: 36px; float: left; } </style> </head> <body> <div id="box1"> <ul id="xm"> <li><a href="">新闻</a></li> <li><a href="">hao123</a></li> <li><a href="">地图</a></li> <li><a href="">直播</a></li> <li><a href="">视频</a></li> <li><a href="">贴吧</a></li> <li><a href="">学术</a></li> <li><a href="">更多</a></li> </ul> </div> <img id="ph" src="img/b.png" alt=""> <div id="divput"> <input type="text" id="kk"/> <div id="sr"> <a href="">百度一下</a> </div> </div> <div id="box2"> <h5 id="hhh" >百度热搜</h5> <ol> <li><a href="">html好难</a></li> <li><a href="">css好难</a></li> <li><a href="">JavaScript好难</a></li> <li><a href=""> Java好难</a></li> <li><a href="">MySQL好难好难</a></li> <li><a href="">震惊：某男子……</a></li> </ol> </div> </body> </html>
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #html百度页面制作 #ampltDOCTYPE #0marginleft
