<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>改变文字的背景</TITLE>
<STYLE type="text/css" >
*{ padding:0; margin:0;}
body{ font-family:"宋体"; color:#333; font-size:14px;}
table{ margin:50px auto 0 auto;}
/*设置无下划线的超连接样式*/
a{ text-decoration:none; font-size:13px; display:block;}
/*鼠标在超链接上悬停时变为红颜色*/
a:hover{ text-decoration:underline; color:#f60; padding:1px 0 0 1px;}
/*设置文本框细边框样式*/
.txt{ width:145px; height:18px; line-height:18px; border:1px solid #333;}
/*设置图片按钮样式*/
.ppt{ background:url(images/back1.jpg) no-repeat; width:82px; height:23px; border:none; text-align:center; line-height:23px;}
.ppt:hover{ background:url(images/back2.jpg) no-repeat; width:82px; height:23px; font-weight:bold;}
</STYLE>
</HEAD>
<BODY>
<FORM action="" method="post" >
<TABLE border=0 align="center">
<TR align=left>
<TD width="60">会员名:</TD>
<TD width="145">
<INPUT size="15" name="txtName" class="txt"/>
</TD>
</TR>
<TR align=left>
<TD>密 码:</TD>
<TD>
<INPUT type="password" size="15" name="txtPass" class="txt" />
</TD>
</TR>
<TR>
<TD height="30" colSpan=2 align=center>
<input type="button" value="登 录" class="ppt">
</TD>
</TR>
<TR>
<TD align=right colSpan=2>
<a href="#" >免费注册</a>
</TD>
</TR>
</TABLE>
</FORM >
</BODY>
<P> </P>
<P></P>
</BODY>
</HTML>
效果图：
