<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta http-equiv="content-language" content="utf-8"/>
<meta name="author" content="SublimeText">
<title>百度一下，你就知道</title>
<style>
#a{text-align: right;}
#b{width:800px;margin:0 auto;display:block;padding-left:304px; }
#c{height:19px;font-size:18px;text-align:center;}
#button input{padding: 6px 3px;font-size: 16px}
#button input[type=text]{width:400px;margin-left:500px;}
#button input[type=button]{padding:6px 8px;}
#d{font-size: 20px;margin-top: 10px;text-align:center;}
#e{margin-top:200px;font-size: 18px;text-align:center;font-weight: bold;}
#f{margin-top:20px;font-size: 14px;text-align:center;font-weight: bold;}
#g{margin-top:10px;font-size: 14px;text-align:center;font-color:#000000;}
</style>
</head>
<body>
<div id="a">
<a href=" ">搜索设置</a>| <a href=" ">登录</a> <a href=" ">注册</a>
</div>
<div id="b">
<img src="http://www.baidu.com/img/baidu_sylogo1.gif" width:240px height:120px >
<dic id="c">
<a href=" ">新 闻</a> <b>网 页</b> <a href=" ">贴 吧</a> <a href=" ">知 道</a> <a href=" "> MP3 </a> <a href=" ">图 片</a> <a href=" ">视 频</a> <a href=" ">地 图</a>
</div>
<div id="button">
<input type="text">
<input type="button" value="百度一下">
</div>
<div id="d">
<a href=" ">百 科</a>
<a href=" ">文 库</a>
<a href=" ">hao123</a> |
<a href=" ">更多</a>
</div>
<div id="e">
<a href=" ">把百度设为首页</a>
<a href=" ">把百度添加到桌面</a>
</div>
<div id="f">
<a href=" ">加入百度推广</a>|
<a href=" ">搜索风云榜</a>|
<a href=" ">关于百度</a>|
<a href=" ">About Baidu</a>
</div>
<div id="g">
<b>©2012 Baidu</b>
<a href=" ">京ICP证030173号</a>|
</div>
自己写的百度首页，怎么就是不满意，谁能帮我改一下。全屏与不全屏的时候很不一样、
------解决方案--------------------
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta http-equiv="content-language" content="utf-8"/>
<meta name="author" content="SublimeText">
<title>百度一下，你就知道</title>
<style>
#a{text-align: right;}
#b{display:block;}
#c{height:19px;font:14px Arial;margin-left:-60px; }
#button input[type=text]{font:14px Arial; width:405px; height: 24px; }
#d{font:12px Arial;margin-top: 10px;}
#e{margin-top:200px;font:12px Arial;}
#f{margin-top:20px;font:12px Arial;}
#g{margin-top:10px;font:12px Arial;font-color:#000000;}
</style>
</head>
<body>
<div align="center">
<div id="a">
<a href=" ">搜索设置</a>| <a href=" ">登录</a> <a href=" ">注册</a>
</div>
<div id="b">
<img src="http://www.baidu.com/img/baidu_sylogo1.gif" width:240px height:120px >
</div>
<div id="c">
<a href=" ">新 闻</a> <b>网 页</b> <a href=" ">贴 吧</a> <a href=" ">知 道</a> <a href=" "> MP3 </a> <a href=" ">图 片</a> <a href=" ">视 频</a> <a href=" ">地 图</a>
</div>
<div id="button">
<input type="text">
<input type="button" value="百度一下">
</div>
<div id="d">
<a href=" ">百 科</a>
<a href=" ">文 库</a>
<a href=" ">hao123</a> |
<a href=" ">更多</a>
</div>
<div id="e">
<a href=" ">把百度设为首页</a>
<a href=" ">把百度添加到桌面</a>
</div>
<div id="f">
<a href=" ">加入百度推广</a> |
<a href=" ">搜索风云榜</a> |
<a href=" ">关于百度</a> |
<a href=" ">About Baidu</a>
</div>
<div id="g">
<b>©2012 Baidu</b>
<a href=" ">京ICP证030173号</a>|
</div>
</body>
</html>