仿照百度弄的 為什么好多代碼沒起到作用??？？？？？感覺錯好多的樣子。。。。求大神不吝賜教?。。?/h1>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css" >
*{margin:0;padding:0;}
#header{
background:#fff;
float:right;
margin-top:18px;
margin-right:13px;
width:464px;
height:27px;
}
#header ul li{
display: inline-block;
margin-right: 14px;
color: #000;
font-size: 12px;
font-family: arial;
font-style: normal;
line-height: 6px;
? ?
}
.header-list{
margin-right:0px;
font-size:16px;
border:none;
height:25px;
width:60px;
background:#3388ff;
color:#FFF;
font-size:13px;
}
#wrap{
overflow:hidden;
width:640px;
margin: 0 auto;
background:#FFF;
}
#mainbody{
font-size:19px;
position:absolute;
top:84px;
left:350px;
}
.image1{
display:block;
margin: 0 auto;
margin-bottom:40px;
}
.inptmm{
height:30px;
width:540px;
line-height:5px;
}
.btn2{
border:none;
height:33px;
width:100px;
margin-left:0px;
background:#3385ff;
color:#FFF;
font-size:14px;
}
#footer{
font-size:19px;
position:absolute;
top:514px;
left:350px;
}
#footer ul li{
display: inline-block;
font-size:14px;
color:#999;
font-family: arial;
font-style: normal;
}
.pchinese{
display:inline;
font-size:7px;
color:#999;
font-family: arial;
font-style: normal;
}
.img2 .img3{
margin-right:33px;}
</style>
</head>
<body>
<div id="header">
? ? ?<ul ?style="list-style:none">
? ? ? ? ?<li><a href="">糯米</a></li>
? ? ? ? ?<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><input ?class="head-list" type="button" name="button" value="更多產品" onclick=""/></li>
? ? ? </ul>
</div>
<div id="wrap">
? ? <div id="mainbody">
? ? ? ? ?<img class="image1" src="../image/images/baidu-logo-web切圖_03.gif" rel="加載失敗"/>
? ? ? ? ? ? <input class="inptmm" tyle="text" name="name" value="" />
? ? ? ? ? ? <input class="btn2" type="submit" value="百度一下" />
? ? ? ? ? ? </form> ? ?
? ? ? </div>
? ? <div id="footer">
? ? ? ? ?<img class="img2" src="../image/images/shouji-baidu_07.gif" rel="加載失敗"/>
? ? ? ? ?<img class="img3" src="../image/images/百度糯米_09.gif" rel="加載失敗"/>
? ? ? ? ?<ul ?style="list-style:none">
? ? ? ? ? ? <li><a href="">把百度設為主頁</a></li>
? ? ? ? ? ? <li><a href="">關于百度</a></li>
? ? ? ? ? ? <li><a href="">About Baidu</a></li>
? ? ? ? ?</ul>
? ? ? ? ?<p class="pchinese">?2016 Baidu 使用百度前必讀 意見反饋 京ICP證030173號</p>
? ? ? ? ?<img class="img4" src="../image/images/logo小_12.png" rel=""/>?
? ? ? ? ?<img class="img5" src="../image/images/web切圖_16.gif" rel=""/>
? ? </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css" >
*{margin:0;padding:0;}
#header{
background:#fff;
float:right;
margin-top:18px;
margin-right:13px;
width:464px;
height:27px;
}
#header ul li{
display: inline-block;
margin-right: 14px;
color: #000;
font-size: 12px;
font-family: arial;
font-style: normal;
line-height: 6px;
? ?
}
.header-list{
margin-right:0px;
font-size:16px;
border:none;
height:25px;
width:60px;
background:#3388ff;
color:#FFF;
font-size:13px;
}
#wrap{
overflow:hidden;
width:640px;
margin: 0 auto;
background:#FFF;
}
#mainbody{
font-size:19px;
position:absolute;
top:84px;
left:350px;
}
.image1{
display:block;
margin: 0 auto;
margin-bottom:40px;
}
.inptmm{
height:30px;
width:540px;
line-height:5px;
}
.btn2{
border:none;
height:33px;
width:100px;
margin-left:0px;
background:#3385ff;
color:#FFF;
font-size:14px;
}
#footer{
font-size:19px;
position:absolute;
top:514px;
left:350px;
}
#footer ul li{
display: inline-block;
font-size:14px;
color:#999;
font-family: arial;
font-style: normal;
}
.pchinese{
display:inline;
font-size:7px;
color:#999;
font-family: arial;
font-style: normal;
}
.img2 .img3{
margin-right:33px;}
</style>
</head>
<body>
<div id="header">
? ? ?<ul ?style="list-style:none">
? ? ? ? ?<li><a href="">糯米</a></li>
? ? ? ? ?<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><input ?class="head-list" type="button" name="button" value="更多產品" onclick=""/></li>
? ? ? </ul>
</div>
<div id="wrap">
? ? <div id="mainbody">
? ? ? ? ?<img class="image1" src="../image/images/baidu-logo-web切圖_03.gif" rel="加載失敗"/>
? ? ? ? ? ? <input class="inptmm" tyle="text" name="name" value="" />
? ? ? ? ? ? <input class="btn2" type="submit" value="百度一下" />
? ? ? ? ? ? </form> ? ?
? ? ? </div>
? ? <div id="footer">
? ? ? ? ?<img class="img2" src="../image/images/shouji-baidu_07.gif" rel="加載失敗"/>
? ? ? ? ?<img class="img3" src="../image/images/百度糯米_09.gif" rel="加載失敗"/>
? ? ? ? ?<ul ?style="list-style:none">
? ? ? ? ? ? <li><a href="">把百度設為主頁</a></li>
? ? ? ? ? ? <li><a href="">關于百度</a></li>
? ? ? ? ? ? <li><a href="">About Baidu</a></li>
? ? ? ? ?</ul>
? ? ? ? ?<p class="pchinese">?2016 Baidu 使用百度前必讀 意見反饋 京ICP證030173號</p>
? ? ? ? ?<img class="img4" src="../image/images/logo小_12.png" rel=""/>?
? ? ? ? ?<img class="img5" src="../image/images/web切圖_16.gif" rel=""/>
? ? </div>
</div>
</body>
</html>
2016-09-06
form 標簽呢 少一個
2016-07-31
mainbody {position:relative
}