当当网页面
主頁面：
<!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=gb2312" />
<title>div 布局</title>
<link href="主頁面.css" rel="stylesheet"/>
<style type="text/css"> #t1:link{color:#000000;} /* 未訪問的鏈接顏色 */#t1:hover{color:#FF0000;} /* 鼠標在鏈接上顏色 */ #t1:active{color:#FF33FF;} /* 點擊激活鏈接顏色 */
</style>
</head><body>
<div id="header"><div style="width:1200px; height:50px;backgronnd-color:grey; border-style:solid;border-width:1pt;border-color:#CCCCCC;"><div style="width:400px; height:30px; float:left;margin-top:15px;">??送至:北京</div><div style="width:800px;height:30px;float:left;background-color:#ffffff;"><div style="width:530px;height:30px; float:left; background-color:#ffffff;margin-top:15px">歡迎光臨當當網，請<a style="color:#FF0000" href= "登錄界面.html" id="t1">登錄</a>成為會員??購物車|我的訂單|當當自出版|手機當當|</div><div style="width:68px;height:30px; float:left;background-color:#ffffff;margin-top:15px;" οnmοuseοver="fdang()" οnmοuseοut="fdang2()">我的當當|<img src="我的當當.bmp" id="dangdang" style="display:none;"/></div><div style="width:136px;height:30px;background-color:#ffffff; float:left;margin-top:15px;">企業采購|客戶服務</div></div></div><div style="width:1200px;height:90px;background-color:#FFFFFF;border-style:solid;border-width:1pt;border-color:#CCCCCC"><div style="float:left; width:310px;height:88px;"><a href="http://www.dangdang.com/"><img src="1.bmp" width="300" height="88" /></a></div>???<div style="float:left;width:880px;height:61px;background-color:#ffffff;"><div style="float:left;width:522px;height:60px;background-color:#ffffff;"><input type="text"placeholder="全場滿300減100" size="80"style="margin-top:15px;margin-left:20px;height:30px;border-color:#ff0000;" /></div><div style="float:left;width:100px;height:60px;background-color:#ffffff;margin-left:20px;"><select style="width:100px;height:39px; margin-top:15px;background-color:#CCCCCC;"><option>全部分類</option><option>圖書</option><option>電子書</option><option>原創文字</option><option>服飾</option><option>運動戶外</option></select></div><div style="float:left;width:50px;height:60px;background-color:#ffffff;"><a href="http://t.dangdang.com/20160624_tknv"><img style="width:50px; height:37px;margin-top:15px;" src="搜索.bmp" /></a></div></div></div><div id="ul2" style="width:1200px;height:55px;background-color:#FFFFFF;border-style:solid;border-width:1pt;border-color:#CCCCCC"><table width="1144"><tr><p><td width="341">???全部商品分類</td><td width="57" id="t1">尾品匯</td><td width="45" id="t1">圖書</td><td width="55" id="t1">電子書</td><td width="68" id="t1">原創文字</td><td width="57" id="t1">服飾</td><td width="77" id="t1">運動戶外</td><td width="63" id="t1">孕嬰童</td><td width="47" id="t1">家居</td><td width="70" id="t1">自有美妝</td><td width="53" id="t1">生鮮</td><td width="65" id="t1">海外購</td><td width="86" id="t1">電器城</td><td width="0"></p> </tr></table></div>
</div>
<div id="center">
<div id="center1" style="width:860px;height:600px; display:none; "><img src="center1.bmp" /> </div><div class="left"><ul><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">圖書、電子書、童書</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">創意文具</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">服飾、內衣</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">鞋靴、箱包</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">運動戶外</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">孕、嬰、童</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">家居、家紡、汽車</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">家具、家裝、康體</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">美妝、個人護理、成人</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">食品、茶酒、生鮮</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">腕表、珠寶飾品、眼鏡</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">手機、數碼</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">電腦辦公</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">家用電器</li></p><p><li id="t1" οnmοusemοve="fn1()" οnmοuseοut="fn2()">當當禮品卡、生活服務</li></p></ul></div><div id="main"><tr style="width:550px;height:300px;background-color:#ffffff;"><img width="550"height="300"src="d1.bmp" id="tupian1"/></tr><tr><td ><img style="width:180px;height:150px;" src="main1.jpg" /></td><td ><img style="width:180px;height:150px;"src="main2.jpg" /></td><td ><img style="width:180px;height:150px;" src="main3.jpg" /></td></tr><tr><td ><img style="width:180px;height:149px;" src="main4.jpg" /></td><td ><img style="width:180px;height:149px;" src="main5.jpg" /></td><td ><img style="width:180px;height:149px;" src="main6.jpg" /></td></tr></div><div class="left"><img style="width:318px;height:600px;"src="main9.bmp" /></div>
</div>
<div id="footer"><div id="footer1"><table align="center"><tr><td><a href="http://help.dangdang.com/details/page13"><img src="主頁下1.bmp" /></a></td><td><a href="http://help.dangdang.com/details/page21"><img src="主頁下2.bmp" /></a></td><td><a href="http://help.dangdang.com/details/page16"><img src="主頁下3.bmp" /></a></td><td><a href="http://help.dangdang.com/details/page29"><img src="主頁下4.bmp" /></a></td></tr></table></div><div id="footer2"><table align="center" cellpadding="2px" ><tr id="d1"><td height="32">購物指南</td><td>支付方式</td><td>訂單服務</td><td>配送方式</td><td>退換貨</td><td>商家服務</td></tr><tr id="d2"><td height="34"><a href="http://help.dangdang.com/details/page2">購物流程</a></td><td><a href="http://help.dangdang.com/details/page21">貨到付款</a></td><td>訂單配送查詢</td><td>配送范圍及免郵標準</td><td>退換貨政策</td><td>商家中心</td></tr><tr id="d3"><td height="29"><a href="">發票制度</a></td><td>網上支付</td><td>訂單狀態說明</td><td>配東范圍</td><td>退換貨電話</td><td>商家中心</td></tr><tr id="d4"><td height="32">賬戶管理</td><td>貨到付款</td><td>訂單配送查詢</td><td>配送范圍及免郵標準</td><td>退換貨政策</td><td>商家中心</td></tr><tr id="d5"><td height="26">會員優惠</td><td>貨到付款</td><td>訂單配送查詢</td><td>配送范圍及免郵標準</td><td>退換貨政策</td><td>商家中心</td></tr></table></div><div align="center"><img src="主頁下5.bmp" /></div>
</div>
<script>var i=0;setInterval(tupianchange,1000);function tupianchange(){var imgs=document.getElementById("main");var srcc=imgs.getElementsByTagName("img");var imagsrc=["d2.bmp","d3.bmp","d4.bmp","d5.bmp","d6.bmp","d7.bmp","d8.bmp"];srcc[0].setAttribute("src",imagsrc[i]);i++;if(i==7){i=0;}}function fn1(){document.getElementById("center1").style.display="block";}function fn2(){document.getElementById("center1").style.display="none";}function fdang(){document.getElementById("dangdang").style.display="block";}function fdang2(){document.getElementById("dangdang").style.display="none";}
</script>
</body>
</html>登錄界面：<pre name="code" class="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=gb2312" />
<title>登錄界面</title>
<link href="登錄.css" rel="stylesheet"/>
</head><body>
<div id="header"><img src="登錄1.bmp" width="800" height="100" />
</div>
<div id="center"><table><tr><td><img src="登錄3.jpg" width="450"height="384" /></td><td><p align="left">???用戶名：<input type="text" size="30"style="height:30px;" οnmοusemοve="change1()" οnmοuseοut="changeout1()" id="name"placeholder="郵箱/昵稱/手機號碼"/><span id="sp1" style="display:none;margin-left:60px;">請輸入郵箱/昵稱/手機號碼???</span></p><p align="left">???密???碼：<input type="password" name="pwd" size="30"style="height:30px;" οnmοuseοver="change2()" οnmοuseοut= "changeout2()" id="pwd" placeholder="請輸入密碼"/><span id="sp2" style="display:none;margin-left:60px;">請填寫長度為6-20個字符的密碼</span></p><p>????????????<input type="checkbox" checked="checked" /><span id="checkd"> 請勿在公用電腦上勾選此選項</span>????<span id="wangji"><a href="https://login.dangdang.com/lostpassword.php">忘記密碼?</a></span></p><p align="center"><input type="button" value="登?錄"style="width:200px; height:8px; background:#FF0000; font-size:30px; height:auto; color:#FFFFFF" οnclick="return1()"></button></p><p align="right"><a href="注冊頁面.html" style="color:#666666;font-size:12px;">立即注冊</a></p></td></tr></table>
</div>
<div id="footer"><img src="登錄2.bmp"width="800" height="120"/>
</div>
</body>
<script>function change1(){document.getElementById("sp1").style.display="block";}function changeout1(){document.getElementById("sp1").style.display="none";}function change2(){document.getElementById("sp2").style.display="block";}function changeout2(){document.getElementById("sp2").style.display="none";}
function return1(){var name=document.getElementById("name").value;var pwd=document.getElementById("pwd").value;var nflag=false;var mflag=false;if(name==""){document.getElementById("sp1").style.display="block";}else{var reg1= /^\w+@\w+(\.\w+){1,2}$/;var reg2=/^1[358][0-9]{9}$/;var reg3=/^[\u4e00-\u9fa5]{0,5}$/;if(reg1.test(name)||reg2.test(name)||reg3.test(name)){nflag=true;}else{document.getElementById("sp1").innerHTML="郵箱、手機號碼不正確或者昵稱不在0-5個字符之內，請重新輸入！";document.getElementById("sp1").style.display="block";nflag=false;}}if(pwd==""){document.getElementById("sp2").style.dispaly="block";}else{var reg4=/^[a-zA-Z0-9]{6,20}$/;if(reg4.test(pwd)){mflag=true;}else{document.getElementById("sp2").innerHTML="請輸入有數字和字母組成的6-20位的密碼";document.getElementById("sp2").style.display="block";mflag=false;}}if(nflag==true&&mflag==true){window.location.href="主頁面.html";}}
</script>
</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=gb2312" /> <title>注冊頁面</title> <link href="注冊.css" rel="stylesheet" /></head><body><div id="header"><img src="注冊4.bmp" width="1000" height="100" /></div><div id="center"><div id="maint" ><table align="left" bordercolor="#CCCCCC"><tr style="height:20px;"> </tr><tr><td style="padding-left:2px;padding-top:10px;">新用戶注冊??</td><td style="padding-left:6px;padding-top:10px; background-color:#CCCCCC; background-position:center">企業用戶注冊</td></tr></table></div><div id="mainb"><form action="" method="post" ><table style="azimuth:center"><tr > </tr><tr><td align="right" style="width:150px;">郵箱/手機號碼</td><td><input type="text" name="user" id="user"style="width:230px;height:23px;" placeholder= "請輸入你的手機號或郵箱";/>??</td></tr><tr><td> </td><td><span id="sp1" style="width:350px;display:none;color:red;border:#3300FF 1px solid;float:left;">用戶名不能為空</span></td></tr><tr><td align="right">登錄密碼</td><td><input type="password" name="pwd" id="pwd"style="width:230px;height:23px;" placeholder= "請輸入密碼" />??</td></tr><tr><td> </td><td><span id="sp2" style="width:350px;display:none;color:red;border:#3300FF 1px solid;"placeholder="請輸入你的密碼">密碼不能為空</span></td></tr><tr><td align="right">確認密碼</td><td><input type="password" name="repwd" id="repwd" style="width:230px;height:23px;" placeholder="請再次輸入密碼"/ >??</td></tr><tr><td> </td><td><span id="sp3" style="width:350px;display:none;color:red;border:#3300FF 1px solid;"placeholder="請再次輸入密碼">需要再次輸入密碼</span></td></tr><tr><td align="right">驗證碼</td><td><input type="text" name="yanzheng" id="yanzheng"style="width:230px;height:23px;" placeholder="請輸入驗證碼" / >??<img src="注冊3.bmp" width="50" height="20" align="absbottom"/>??<a href="2.bmp" style="font-size:12px;">換張圖</a></td></tr><tr><td> </td><td><span id="sp4" style="width:250px;display:none;color:red;border:#3300FF 1px solid;"placeholder="請輸入驗證碼">請輸入驗證碼</span></td></tr><tr><td> </td><td><input type="checkbox" checked="checked" /><span id="id1">我已閱讀并同意</span><a href="http://help.dangdang.com/details/page12" style="color:#FF0000 " id="id2">當當交易條款</a><sapn id="id4">和</span><a href="http://help.dangdang.com/details/page42" style="color:#FF0000" id="id3">當當社區條款</a></td></tr><br /><tr><td> </td><td><input type="button" value="立即注冊"style="background-color:#FF0000;font:'宋體';height:40px;width:150px;font-size:14px;" οnclick="check()"></td></tr></table></form> </div><div id="footer"><img src="注冊5.bmp" width="800" height="100" /></div></body> <script>var uflag=false;var pflag=false;var repflag=false;var yzflag=false;function check(){document.getElementById("sp1").style.display="none";document.getElementById("sp2").style.display="none";document.getElementById("sp3").style.dispaly="none";document.getElementById("sp4").style.dispaly="none";var user=document.getElementById("user").value;var pwd=document.getElementById("pwd").value;var repwd=document.getElementById("repwd").value;var yanzheng=document.getElementById("yanzheng").value;if(user==""){document.getElementById("sp1").style.display="block";}else{var reg1= /^\w+@\w+(\.\w+){1,2}$/;var reg2=/^1[358][0-9]{9}$/;if(reg1.test(user)||reg2.test(user)){uflag=true;}else{document.getElementById("sp1").innerHTML="郵箱或者手機號碼是不正確，請重新輸入！";document.getElementById("sp1").style.display="block";uflag=false;}}if(pwd==""){document.getElementById("sp2").style.dispaly="block";}else{var reg3=reg2=/^[a-zA-Z0-9]{6,}$/;if(reg3.test(pwd)){pflag=true;}else{document.getElementById("sp2").innerHTML="請輸入有數字和字母組成的至少6位密碼";document.getElementById("sp2").style.display="block";pflag=false;}}if(repwd==""){document.getElementById("sp3").style.display="block";}else{if(repwd==pwd){repflag=true;}else{document.getElementById("sp3").innerHTML="兩次密碼輸入不一致，請重新輸入！";document.getElementById("sp3").style.display="block";repflag=false;}}if(yanzheng==""){document.getElementById("sp4").style.display="block";}else{var reg4=/^[A-Za-z]{4}$/;if(reg4.test(yanzheng)){yzflag=true;}else{document.getElementById("sp4").innerHTML="驗證碼輸入錯誤";document.getElementById("sp4").style.dispaly="block";yzflag=false;}}if(uflag==true&&pflag==true&&repflag==true&&yzflag==true){alert("注冊");window.location.href="登錄界面.html";}else{alert("注冊失敗，請重新注冊");}} </script> </html>
主頁面css /* CSS Document */ #header {border:#999999 2px solid;width:1200px;height:200px;margin-left:auto;margin-right:auto;} #center {border:#FFFFFF 2px solid;width:1200px;height:600px;margin-left:auto;margin-right:auto; } .left {border:#FFFFFF 2px solid;width:319px;height:600px;float:left; } ul li{list-style-type:none;}#main {border:#FFCCFF 2px solid;width:550px;height:600px;float:left; } #footer {border:#FFFFFF2px solid;width:1200px;height:400px;margin-left:auto;margin-right:auto; } #footer1 {border:#FFFFFF 2px solid;width:1200px;height:100px;margin-left:auto;margin-right:auto; } #footer2 {border:#FFFFFF2px solid;width:1200px;height:195px;margin-left:auto;margin-right:auto; } #d2,#d3,#d4,#d5 {font-size:12px;color:#666666; } #d1 {font-size:14px; } #center1 {position: absolute;left:319px;top: 210px; } #dangdang{position: absolute;left:1040px;top: 60px; }
注冊css
/* CSS Document */ #header {border:#FFFFFF 2px solid;width:1000px;height:100px;margin-left:auto;margin-right:auto;} #center {border:#CCCCCC 2px solid;width:800px;height:600px;margin-left:auto;margin-right:auto; } #maint {border:##FF0000 2px solid;width:800px;height:90px;margin-left:auto;margin-right:auto} #mainb {border:##00FFFF 2px solid;width:800px;height:500px;margin-left:auto;margin-right:auto} #id1,#id2,#id3,#id4 {font-size:12px; }#footer {border:#FFFFFF 2px solid;width:800px;height:100px;margin-left:auto;margin-right:auto; }
登錄css
/* CSS Document */ #header {border:#FFFFFF 2px solid;width:900px;height:100px;margin-left:auto;margin-right:auto;} #center {border:#FFFFFF 2px solid;width:900px;height:400px;margin-left:auto;margin-right:auto; } #checkd {font-size:12px;color:#999999; } #sp1,#sp2 {font-size:12px;color:#FF0000; } #wangji {font-size:12px;color:#0066CC; } #footer {border:#FFFFFF 2px solid;width:900px;height:300px;margin-left:auto;margin-right:auto; }
注冊頁面： <!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=gb2312" /> <title>注冊頁面</title> <link href="注冊.css" rel="stylesheet" /></head><body><div id="header"><img src="注冊4.bmp" width="1000" height="100" /></div><div id="center"><div id="maint" ><table align="left" bordercolor="#CCCCCC"><tr style="height:20px;"> </tr><tr><td style="padding-left:2px;padding-top:10px;">新用戶注冊??</td><td style="padding-left:6px;padding-top:10px; background-color:#CCCCCC; background-position:center">企業用戶注冊</td></tr></table></div><div id="mainb"><form action="" method="post" ><table style="azimuth:center"><tr > </tr><tr><td align="right" style="width:150px;">郵箱/手機號碼</td><td><input type="text" name="user" id="user"style="width:230px;height:23px;" placeholder= "請輸入你的手機號或郵箱";/>??</td></tr><tr><td> </td><td><span id="sp1" style="width:350px;display:none;color:red;border:#3300FF 1px solid;float:left;">用戶名不能為空</span></td></tr><tr><td align="right">登錄密碼</td><td><input type="password" name="pwd" id="pwd"style="width:230px;height:23px;" placeholder= "請輸入密碼" />??</td></tr><tr><td> </td><td><span id="sp2" style="width:350px;display:none;color:red;border:#3300FF 1px solid;"placeholder="請輸入你的密碼">密碼不能為空</span></td></tr><tr><td align="right">確認密碼</td><td><input type="password" name="repwd" id="repwd" style="width:230px;height:23px;" placeholder="請再次輸入密碼"/ >??</td></tr><tr><td> </td><td><span id="sp3" style="width:350px;display:none;color:red;border:#3300FF 1px solid;"placeholder="請再次輸入密碼">需要再次輸入密碼</span></td></tr><tr><td align="right">驗證碼</td><td><input type="text" name="yanzheng" id="yanzheng"style="width:230px;height:23px;" placeholder="請輸入驗證碼" / >??<img src="注冊3.bmp" width="50" height="20" align="absbottom"/>??<a href="2.bmp" style="font-size:12px;">換張圖</a></td></tr><tr><td> </td><td><span id="sp4" style="width:250px;display:none;color:red;border:#3300FF 1px solid;"placeholder="請輸入驗證碼">請輸入驗證碼</span></td></tr><tr><td> </td><td><input type="checkbox" checked="checked" /><span id="id1">我已閱讀并同意</span><a href="http://help.dangdang.com/details/page12" style="color:#FF0000 " id="id2">當當交易條款</a><sapn id="id4">和</span><a href="http://help.dangdang.com/details/page42" style="color:#FF0000" id="id3">當當社區條款</a></td></tr><br /><tr><td> </td><td><input type="button" value="立即注冊"style="background-color:#FF0000;font:'宋體';height:40px;width:150px;font-size:14px;" οnclick="check()"></td></tr></table></form> </div><div id="footer"><img src="注冊5.bmp" width="800" height="100" /></div></body> <script>var uflag=false;var pflag=false;var repflag=false;var yzflag=false;function check(){document.getElementById("sp1").style.display="none";document.getElementById("sp2").style.display="none";document.getElementById("sp3").style.dispaly="none";document.getElementById("sp4").style.dispaly="none";var user=document.getElementById("user").value;var pwd=document.getElementById("pwd").value;var repwd=document.getElementById("repwd").value;var yanzheng=document.getElementById("yanzheng").value;if(user==""){document.getElementById("sp1").style.display="block";}else{var reg1= /^\w+@\w+(\.\w+){1,2}$/;var reg2=/^1[358][0-9]{9}$/;if(reg1.test(user)||reg2.test(user)){uflag=true;}else{document.getElementById("sp1").innerHTML="郵箱或者手機號碼是不正確，請重新輸入！";document.getElementById("sp1").style.display="block";uflag=false;}}if(pwd==""){document.getElementById("sp2").style.dispaly="block";}else{var reg3=reg2=/^[a-zA-Z0-9]{6,}$/;if(reg3.test(pwd)){pflag=true;}else{document.getElementById("sp2").innerHTML="請輸入有數字和字母組成的至少6位密碼";document.getElementById("sp2").style.display="block";pflag=false;}}if(repwd==""){document.getElementById("sp3").style.display="block";}else{if(repwd==pwd){repflag=true;}else{document.getElementById("sp3").innerHTML="兩次密碼輸入不一致，請重新輸入！";document.getElementById("sp3").style.display="block";repflag=false;}}if(yanzheng==""){document.getElementById("sp4").style.display="block";}else{var reg4=/^[A-Za-z]{4}$/;if(reg4.test(yanzheng)){yzflag=true;}else{document.getElementById("sp4").innerHTML="驗證碼輸入錯誤";document.getElementById("sp4").style.dispaly="block";yzflag=false;}}if(uflag==true&&pflag==true&&repflag==true&&yzflag==true){alert("注冊");window.location.href="登錄界面.html";}else{alert("注冊失敗，請重新注冊");}} </script> </html>
主頁面css /* CSS Document */ #header {border:#999999 2px solid;width:1200px;height:200px;margin-left:auto;margin-right:auto;} #center {border:#FFFFFF 2px solid;width:1200px;height:600px;margin-left:auto;margin-right:auto; } .left {border:#FFFFFF 2px solid;width:319px;height:600px;float:left; } ul li{list-style-type:none;}#main {border:#FFCCFF 2px solid;width:550px;height:600px;float:left; } #footer {border:#FFFFFF2px solid;width:1200px;height:400px;margin-left:auto;margin-right:auto; } #footer1 {border:#FFFFFF 2px solid;width:1200px;height:100px;margin-left:auto;margin-right:auto; } #footer2 {border:#FFFFFF2px solid;width:1200px;height:195px;margin-left:auto;margin-right:auto; } #d2,#d3,#d4,#d5 {font-size:12px;color:#666666; } #d1 {font-size:14px; } #center1 {position: absolute;left:319px;top: 210px; } #dangdang{position: absolute;left:1040px;top: 60px; }
注冊css
/* CSS Document */ #header {border:#FFFFFF 2px solid;width:1000px;height:100px;margin-left:auto;margin-right:auto;} #center {border:#CCCCCC 2px solid;width:800px;height:600px;margin-left:auto;margin-right:auto; } #maint {border:##FF0000 2px solid;width:800px;height:90px;margin-left:auto;margin-right:auto} #mainb {border:##00FFFF 2px solid;width:800px;height:500px;margin-left:auto;margin-right:auto} #id1,#id2,#id3,#id4 {font-size:12px; }#footer {border:#FFFFFF 2px solid;width:800px;height:100px;margin-left:auto;margin-right:auto; }
登錄css
/* CSS Document */ #header {border:#FFFFFF 2px solid;width:900px;height:100px;margin-left:auto;margin-right:auto;} #center {border:#FFFFFF 2px solid;width:900px;height:400px;margin-left:auto;margin-right:auto; } #checkd {font-size:12px;color:#999999; } #sp1,#sp2 {font-size:12px;color:#FF0000; } #wangji {font-size:12px;color:#0066CC; } #footer {border:#FFFFFF 2px solid;width:900px;height:300px;margin-left:auto;margin-right:auto; }
總結
- 上一篇： 2022小木虫与研招网调剂监视脚本
- 下一篇： 三相同步电机怎么接线图_三相变频电机接线