css登陆对话框

jackson_007

浏览: 17656 次
性别:
来自: 南京

最近访客更多访客>>

gumuzhiyu

oldwolf1987

loris_jand

adoijay

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.title{font-family: verdana, tahoma, sans-serif;FONT-SIZE: 10px;font-weight:bold}
.grey{FONT-SIZE: 12px;color:#666666}

.orange {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600}
.orange A:link {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}
.orange A:visited {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}
.orange A:hover {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}
.orange A:active {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}

textarea, input, select{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #000000;
    font-family: verdana, tahoma, sans-serif;
    font-size: 0.95em;}
.username{
    background-image:url(images/username.gif);
background-position: 1px 1px;
background-repeat:no-repeat;
padding-left:20px;
height:20px;
FONT-SIZE: 12px;}
.password{
    background-image:url(images/password.gif);
background-position: 1px 1px;
background-repeat:no-repeat;
padding-left:20px;
height:20px;
FONT-SIZE: 12px;}

.btn_mouseover {
   #给button按钮添加样式；
      BORDER-RIGHT: #7EBF4F 1px solid;
      PADDING-RIGHT: 2px;
      BORDER-TOP: #7EBF4F 1px solid;
      PADDING-LEFT: 2px; FONT-SIZE: 15px;
      FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6);
      BORDER-LEFT: #7EBF4F 1px solid;
      CURSOR: hand;
      COLOR: black; PADDING-TOP: 2px;
      BORDER-BOTTOM: #7EBF4F 1px solid;
     }
</style>
<script type="text/javascript">
function say(){

alert(1);
}

</script>
</head>

<body>
<div style="color: red; position: absolute; top: 50%; left: 50%; margin-top: 150px; margin-left: -210px;">
<table width="208" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
    <td bgcolor="#F4F4F4" class="title">+ LOGIN</td>
</tr>
<tr>
    <td class="grey" ><img src="images/warning.gif" width="16" height="16" align="absmiddle" style="display: display"> 请输入登陆的用户和密码</td>
</tr>
<tr>
    <td class="title">Username</td>
</tr>
<tr>
    <td><input name="Username" type="text" class="username" size="30"></td>
</tr>
<tr>
    <td></td>
</tr>
<tr>
    <td class="title">Password</td>
</tr>
<tr>
    <td><input name="Password" type="password" class="password" size="30"></td>
</tr>
<tr>
    <td class="orange"><a href="#">Get your Password ? </a></td>
</tr>
<tr>
    <td align="right"><img onmouseover="this.className='btn_mouseover'" onmouseout="this.className='btn_mouseout'" src="images/loginin.gif" width="70" height="21" onclick="say()"/></td>
</tr>
</table>

</div>
</body>
</html>