剛開始學web開發，打算將學習的過程及體會給寫下來，
一方面可以加深理解，另一方面又可以方便以后的復習，何樂而不為呢。
//效果截圖如下
//css代碼如下
1 <style type="text/css"> 2 3 /*--頁面屬性設置*/ 4 body{ background-color: #FFCCFF;} 5 /*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/ 6 7 /*超鏈接屬性設置*/ 8 a{ text-decoration:none; display:block; width:120px; margin:auto;} 9 /*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/ 10 11 /*登錄div盒子屬性設置*/ 12 #login_Div{ text-align:center;margin-top:10px;} 13 #name_input{ border: solid #0099FF 1px; width:200px; height:20px; padding-top:5px;} 14 #pass_input{ border: solid #0099FF 1px; margin-left:8px; width:200px; height:20px;padding-top:5px;} 15 #login_btn{ width:100px;padding:5px; margin-left:55px; background:#339966; border:none; color:#FFFFFF; } 16 #reset_btn{ width:100px;padding:5px;background:#339966; border:none; color:#FFFFFF; } 17 /*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/ 18 19 </style>
//html主要代碼如下
1 <!--oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo--> 2 <div id="login_Div"> 3 <form method="post" action="#"> 4 5 <p>用戶名:<input id="name_input" type="text" maxlength="30"/> </p> 6 <p>密碼: <input id="pass_input" type="password" maxlength="50" /></p> 7 <p> 8 <input id="login_btn" type="submit" value="登錄" /> 9 <input id="reset_btn" type="reset" value="清空"/> 10 </p> 11 </form> 12 </div><!--login_Div End--> 13 <!--oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo--> 14 15 <a href="#"><<<<<返回首頁</a>
