发布网友 发布时间:2022-04-24 12:37
共1个回答
热心网友 时间:2023-10-13 01:29
<style>
.linka{ font-size:16px; line-height:50px; color:#000000; text-decoration:none;}
.linka:hover{ color:#FF3300; text-decoration:underline;}
.tdclass{ background:#FFFFFF;}
.tdclass:hover{background: -moz-linear-gradient(top, #FFFFFF, #666666);/*火狐浏览器*/
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFFFF,endcolorstr=#666666,gradientType=0)/*IE浏览器*/
}
</style>
<table width="200" border="0" cellpadding="0" cellspacing="1" bgcolor="#999999">
<tr bgcolor="#FFFFFF" align="center">
<td height="50" width="100" class="tdclass"><a href="#" class="linka">超连接</a></td>
<td> </td>
</tr>
</table>
效果图如下:
但是呢,我建议你不要用这种方法来实现这种渐变效果的,最好是弄一张渐变图片,Hover时改变背景图片即可。
来自:求助得到的回答