ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 网页制作 >> CSS教程 >> 很漂亮的用户登录界面HTML模板

很漂亮的用户登录界面HTML模板

来源:网络整理     时间:2015-01-12     关键词:

本篇文章主要介绍了"很漂亮的用户登录界面HTML模板",主要涉及到方面的内容,对于CSS教程感兴趣的同学可以参考一下: 效果预览:http://keleyi.com/keleyi/phtml/divcss/21.htmHoverTree开源项目实现了分层后,准备实现管理员后台登录...

效果预览: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://keleyi.com/keleyi/phtml/divcss/21/images/grass.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>
<div>
<form action="#" method="POST">
<div></div>
<div>
<div>

<input name="username" value="hovertree" />
<input name="password" type="password" value="keleyi.com" />

</div>
</div>
<div>
<input type="button" value="点这里登录" /></div>
</form>
</div>
<div>
<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://hvt.iteye.com

以上就介绍了很漂亮的用户登录界面HTML模板,包括了方面的内容,希望对CSS教程有兴趣的朋友有所帮助。

本文网址链接:http://www.codes51.com/article/detail_105625.html

相关图片

相关文章