一个漂亮的登录框

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标签用法示例

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注