Day3
-
制作一个百度页面:
代码如下<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style> body{ text-align:center; } #header{ width:100%; text-align:end; margin-bottom:100px; } a{ color: #000000; } #fontgd a{ text-decoration: none; font-size:13px; color: #FFFFFF; } li{ display:inline; } li a{ margin:10px; } #fontstyle{ font-size:13px; } #content{ width:600px; height:200px; margin:0px auto 250px; } #content img{ margin-bottom:90px; } #content #searchitem input{ line-height:30px; float:left; border:1px solid #00F; } #content #searchitem button{ background-color:#1E90FF; color:#FFF; width:90px; height:33.5px; float:left; border:1px solid #1E90FF; } #footer{ width:100%; margin:0px auto; clear:both; } </style> <body> <div> <div id="header"> <ul id="nav"> <li id="fontstyle"><a href="#">新闻</a></li> <li id="fontstyle"><a href="#">hao123</a></li> <li id="fontstyle"><a href="#">地图</a></li> <li id="fontstyle"><a href="#">视频</a></li> <li id="fontstyle"><a href="#">贴吧</a></li> <li id="fontstyle"><a href="#">学术</a></li> <li id="fontstyle"><a href="#">登录</a></li> <li id="fontstyle"><a href="#">设置</a></li> <li id="fontgd" style="background-color: #1E90FF;" ><a href="#">更多产品</a></li> </ul> </div> <div id="content"> <img height="130px" src="img/bd_logo1.png" /> <div id="searchitem"> <input name="search" size="70" /> <button>百度一下</button> </div> </div> <div id="footer"> <div class="ftCon-Wrapper"> <div id="ftConw"> <p id="lh"> <a id="setf" href="#" onmousedown="return ns_c({'fm':'behs','tab':'favorites','pos':0})" target="_blank">把百度设为主页</a> <a onmousedown="return ns_c({'fm':'behs','tab':'tj_about'})" href="#">关于百度</a><a onmousedown="return ns_c({'fm':'behs','tab':'tj_about_en'})" href="#">About Baidu</a> <a onmousedown="return ns_c({'fm':'behs','tab':'tj_tuiguang'})" href="#">百度推广</a></p><p id="cp">©2019 Baidu <a href="#" onmousedown="return ns_c({'fm':'behs','tab':'tj_duty'})">使用百度前必读</a> <a href="#" class="cp-feedback" onmousedown="return ns_c({'fm':'behs','tab':'tj_homefb'})">意见反馈</a> 京ICP证030173号 <i class="c-icon-icrlogo"></i> <a id="jgwab" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001">京公网安备11000002000001号</a> <i class="c-icon-jgwablogo"></i> </p> </div> </div> </div> </div> </body> </html>