一個漂亮的登錄框

2024-09-05 12:22:26

字體：大中小

來源：轉載

供稿：網友

一個漂亮的登錄框，有點遺憾它不是CSS的，用的Table，不過覺得挺漂亮，或許比較實用。

<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(/jscss/demoimg/200909/username.gif);	background-position: 1px 1px;	background-repeat:no-repeat;	padding-left:20px;	height:20px;	FONT-SIZE: 12px;}.password{    background-image:url(/jscss/demoimg/200909/password.gif);	background-position: 1px 1px;	background-repeat:no-repeat;	padding-left:20px;	height:20px;	FONT-SIZE: 12px;}</style></head><body><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="http://www.aspku.com/jscss/demoimg/200909/warning.gif" width="16" height="16" align="absmiddle"> 請輸入登陸的用戶和密碼</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">Get your Password ? </td>  </tr>  <tr>    <td align="right"><img src="http://www.aspku.com/jscss/demoimg/200909/loginin.gif" width="70" height="21"></td>  </tr></table><p> </p></body></html>

上一篇：網頁特殊字符對照表

下一篇：HTML中的Base標簽用法示例