JavaScript实现表格特效

http://www.xydyz.com 来源:网络收集 2007-12-25 阅读: 评论

1.样式一

代码如下：
<table width="200" border="1" cellpadding="1" cellspacing="3" bordercolor="#ffffff" bgcolor="#FF9966" borderColorLight=#000000>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

2.样式二

代码如下：

<table width="200" border="1" cellpadding="1" cellspacing="3" bordercolor="#ffffff" bgcolor="#FF9966" borderColordark=#000000>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

3.样式三

代码如下：

<table border=1 cellspacing=0 width=44% bordercolorlight=#333333 bordercolordark=#efefef>
<tr bgcolor=#cccccc>
<td width="50%" bgcolor="#FF9966"> </td>
<td width="50%" bgcolor="#FF9966"><font color="#ff0000" face="隶书"> </font></td>
</tr>
<tr bgcolor=#cccccc>
<td bgcolor="#FF9966"><font color="#ff0000" face="隶书"> </font></td>
<td bgcolor="#FF9966"><font color="#ff0000" face="隶书"> </font></td>
</tr>
</table>

4.样式四

代码如下:

<TABLE cellSpacing=0 cellPadding=0 width=200 border=1>
<TBODY>
<TR>
<TD bgcolor="#FF9966"> </TD>
</TR>
<TR>
<TD bgcolor="#FF9966"> </TD>
</TR>
</TBODY>
</TABLE>

5.样式五

是不是有点象按钮啊：)

代码如下：

<TABLE height=48 cellSpacing=1 borderColorDark=#ffffff cellPadding=1
width=309 align=left borderColorLight=#ffffff border=1>
<TBODY>
<TR>
<TR align=middle>
<TD borderColorLight=#000000 width=178
bgColor=#FF9966 borderColorDark=#eeeeee height=24>是不是有点象按钮啊：)</TD>
<TD borderColorLight=#000000 width=181 bgColor=#FF6666
borderColorDark=#eeeeee> </TD>
</TR>
<TR align=middle>
<TD borderColorLight=#000000 bgColor=#6699FF
borderColorDark=#eeeeee height=24> </TD>
<TD borderColorLight=#000000 bgColor=#33CC33
borderColorDark=#eeeeee> </TD>
</TR>
</TBODY>
</TABLE><br>

【责任编辑：admin 】