<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>百度</title> <style type="text/css"> div{ text-align: center; font-size: 14px; } .ngv,.bk{ height: 60px; } .txt{ width: 420px; height: 25px; } .bd{ width: 100px; height: 30px; } .search{ height: 50px; } .map{ height: 50px; font-size: 12px; } .footer{ line-height: 25px; font-size: 12px; } .wy{ text-decoration: none; font-weight: bold; color: black; } </style> </head> <body> <div id="one" ><img src="img/bdlogo.gif"/></div> <div class="ngv"> <a href="#">新 闻</a> <a href="#" class="wy">网 页</a> <a href="#">贴 吧</a> <a href="#">知 道</a> <a href="#">音 乐</a> <a href="#">图 片</a> <a href="#">视 频</a> <a href="#">地 图</a> </div> <div class="search"> <input type="text" class="txt" /> <input type="button" value="百度一下" class="bd"/> </div> <!--文库--> <div class="bk"> <a href="">百科</a> <a href="">文库</a> <a href="">hao123</a>| <a href="">更多>></a> </div> <!--地图--> <div class="map"> <img src="img/ic.jpg" alt="" /> <a href="#">百度地图带你吃喝玩乐，全心全意为人民服务</a> </div> <div class="footer"> <a href="#">把百度设为主页</a> <a href="#">安装百度卫士</a> <br /> <a href="#">加入百度推广</a> | <a href="#">搜索风云榜</a> | <a href="#">关于百度</a> | <a href="#">About Baidu</a> <br /> <span>©2013 Baidu 使用百度前必读 京ICP证030173号</span> </div> </body> </html>