登录页面：denglu.jsp
<%@page contentType="text/html" pageEncoding="UTF-8"%> <html>
<head>
<title>系统登录</title>
<style type="text/css">
<!--
style1 {
font-size: 18px; font-weight: bold;
}
style2 {font-size: 24px}
style5 {font-size: 16px}
.
header{
position:relative;
width:760px;
height:138px;
margin:0 auto;
font:14px/1.6 arial;
}
.header h1{
background: no-repeat bottom left;
height:63px;
margin:0;
margin-left:40px;
}
.header .logo{
position:absolute;
top:10px;
left:0px;
}
.header h1 span{
display:none;
}
.header .topNavigation{
position:absolute;
top:-52px;
right:-132px;
}
.header .topNavigation li{
float:left;
padding:0 2px;
}
.header .mainNavigation{
position:absolute;
color:white;
font-weight:bold;
top:77px;
left:99px;
}
.header .mainNavigation li{
float:left;
padding:5px;
}
.header .accountBox{
position:absolute;
top:44px;
right:10px;
}
.header .accountBox li{
float:left;
top:0;
right:0;
width:93px;
height:110px;
text-align:center;
}
.header .accountBox span{
display:none;
}
.header .accountBox a{
display:block;
height:110px;
width:93px;
float:left;/* For Ie 6 bug */
}
.header .accountBox .login{
background:transparent url('images/account-left.jpg') no-repeat; }
.header .accountBox .cart{
background:transparent url('images/account-right.jpg') no-repeat;
}
.header .accountBox .login:hover{
background:transparent url('images/account-left.jpg') no-repeat left bottom ; }
.header .accountBox .cart:hover{
background:transparent url('images/account-right.jpg') no-repeat left bottom ; }
.header .topNavigation a{
display:block;
line-height:25px;
padding:0 0 0 14px;
background:transparent url('images/top-navi-white.gif') no-repeat;
float:left; /*For IE 6 bug*/
}
.header .topNavigation a span{
display:block;
padding:0 14px 0 0;
background:transparent url('images/top-navi-white.gif') no-repeat right;
}
.header .topNavigation a:hover{
color:white;
background:transparent url('images/top-navi-hover.gif') no-repeat;
}
.
header .topNavigation a:hover span{
background:transparent url('images/top-navi-hover.gif') no-repeat right;
}
.header .mainNavigation a{
display:block;
line-height:25px;
text-decoration:none;
padding:0 0 0 14px;
color:white;
float:left; /*For IE 6 bug*/
}
.
header .mainNavigation a strong{
display:block;
padding:0 14px 0 0;
}
.header .mainNavigation .current a{
color:white;
background:transparent url('images/main-navi.gif') no-repeat;
}
.header .mainNavigation .current a strong{
color:white;
background:transparent url('images/main-navi.gif') no-repeat right;
}
.header .mainNavigation a:hover{
color:white;
background:transparent url('images/main-navi-hover.gif') no-repeat;
}
.header .mainNavigation a:hover strong{
background:transparent url('images/main-navi-hover.gif') no-repeat right;
color:#3D81B4;
}
.footer{
clear:both;
height:53px;
margin:0;
background:transparent url('images/footer-background.png') repeat-x;
text-indent:0px;
text-align:center;
}
footer p{
margin:0px;
}
.footer a{
color:red;
}
.footer .p1{
line-height:23px;
免费源码网站下载}
.footer .p2{
line-height:30px;
}
-->
</style></head>
<body>
<div class="header">
<pre> <img ALIGN=MIDDLE SRC="1.jpg" width="70" height="70"> <b><font color="ff5511" size="20" face="宋体">xx饰品店</font></pre></div>
<pre> <font color=ff8888 size="70" face="隶书"> 欢迎登陆! ! !</font></pre>
<form action="dengluyanzheng.jsp" method="post">
<center>
<table border="10" bordercolor="33ff33" bgcolor="ffffff">
<tbody>
<tr>
<td height="80" width="350" ><div align="center" class="style1 style2"><font color=#E93EF0" size="20" face="隶书">
系统登录
</div></td>
</tr>
<tr>
<td height="90" width="350"><span class="style5"><font color=#E93EFF size="20" face="隶书">用户名
</span> <input type="text" name="userid"maxlength="20" width:150></td></tr><br>
<tr>
<td height="90" width="350" ><span class="style5"><font color="#E93EFF" size="20" face="隶书">密  ；码
</span> <input type="password" name="password" maxlength="20" width:150></td></tr><br>
<center>
<tr><td height="90" width="350" ><div align="center">
<input
type="submit" value="登录
">  
<input
type="reset" value="取消
">
<b><font size="2">还没账号？</b> <a href="zhuce.html"><font color=33ffff size="3" face="楷书"> 立即注册</a>
</div></td></tr>
</tbody>