单元格渐变样试背景鼠标移上去单元格变换的样式

表格样式技巧
本文介绍了如何使用HTML和CSS为表格单元格设置渐变背景颜色及鼠标悬停效果,包括定义不同状态下的样式变化。

<TD style="FILTER: progid:dximagetransform.microsoft.gradient(gradienttype=1,startcolorstr=#EAEAEA,endcolorstr=#FFFFFF)">
单元格内容
</TD>


备注:gradienttype=0 垂直渐变从上至下减淡
      gradienttype=1 横幅渐变从左至右减淡

 

 

 

 


========================================================鼠标移上去单元格变换的样式
<tr bgcolor='#f7f7f7' onmouseover=this.bgColor='#ffffff' onmouseout=this.bgColor='#f7f7f7'><td width='15' align=center>输入你要显示的内容</td></tr> 

<tr bgcolor='#f7f7f7' onmouseover=this.bgColor='#ffffff' onmouseout=this.bgColor='#f7f7f7'><td width='15' align=center>输入你要显示的内容</td></tr>  

<td class="menu" onmouseover="this.className='menuMouseOver'" onMouseOut="this.className='menu'">输入你要显示的内容</td>

.menu{color:#ffffff;cursor:hand;}
.menu:link{......}
.menu:visited{.....}
....
...
定义好menu样式

定义好menumouseover 样子

 

 

转载于:https://www.cnblogs.com/itecho/archive/2008/10/09/1307162.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值