首頁 > 開發者 > JavaScript
很漂亮的使用者登入介面HTML模板，使用者登入html模板
效果預覽：http://keleyi.com/keleyi/phtml/divcss/21.htm
HoverTree開源項目實現了分層後，準備實現管理員後台登入，這裡先把登入介面的HTML模板整理好。
html代碼：
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /><title>很漂亮的使用者登入介面HTML模板-柯樂義</title><base target="_blank" /><style>*{padding:0px;margin:0px;}a{color:White}body{font-family:Arial, Helvetica, sans-serif;background:url(http://www.bkjia.com/uploads/allimg/150111/162111JO-0.jpg) no-repeat center;font-size:13px; }img{border:0;}.lg{width:468px; height:468px; margin:100px auto; background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/login_bg.png) no-repeat;}.lg_top{ height:200px; width:468px;}.lg_main{width:400px; height:180px; margin:0 25px;}.lg_m_1{width:290px;height:100px;padding:60px 55px 20px 55px;}.ur{height:37px;border:0;color:#666;width:236px;margin:4px 28px;background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/user.png) no-repeat;padding-left:10px;font-size:16pt;font-family:Arial, Helvetica, sans-serif;}.pw{height:37px;border:0;color:#666;width:236px;margin:4px 28px;background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/password.png) no-repeat;padding-left:10px;font-size:16pt;font-family:Arial, Helvetica, sans-serif;}.bn{width:330px; height:72px; background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/enter.png) no-repeat; border:0; display:block; font-size:18px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;}.lg_foot{height:80px;width:330px;padding: 6px 68px 0 68px;}</style></head><body class="b"><div class="lg"><form action="#" method="POST"><div class="lg_top"></div><div class="lg_main"><div class="lg_m_1"><input name="username" value="hovertree" class="ur" /><input name="password" type="password" value="keleyi.com" class="pw" /></div></div><div class="lg_foot"><input type="button" value="點這裡登入" class="bn" /></div></form></div><div style="text-align:center;"><p><a href="http://keleyi.com/">首頁</a> <a href="http://keleyi.com/keleyi/phtml/">特效庫</a> <a href="http://keleyi.com/a/bjae/6asac24d.htm">原文</a></p></div></body></html>
：http://files.cnblogs.com/jihua/hovertreelogin.rar
web前端資源：http://www.cnblogs.com/jihua/p/webfront.html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
