首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

求一 css 控制表格中的 td ,对整个 td 单元格产生超链接效果,谢谢了

2012-02-26 
求一 css 控制表格中的 td ,对整个 td 单元格产生超链接效果,多谢了我的 css.css 文件如下:--------------

求一 css 控制表格中的 td ,对整个 td 单元格产生超链接效果,多谢了


我的 css.css 文件如下:

--------------------------

A.indexlink:link{
  COLOR: #000000;
  text-decoration: none;
   
}
A.indexlink:visited {
  COLOR: #000000;
  text-decoration: none;
   
}
A.indexlink:active {
  COLOR: #ffffff;
text-decoration: none;
   
}
A.indexlink:hover {
  COLOR: #ffffff;
  text-decoration: none;
   
}
.Mouse_OverColor{
border:1 double;border-color:#000000 #000000 #000000 #000000;background:#8F4586

}
.Mouse_OutColor{
border:1 double;border-color:#000000 #000000 #000000 #000000;background:#FF9955

}

---------------------------

我的 index.htm 文件如下:

<td align="center" onMouseOver="this.className='Mouse_OverColor';" onMouseOut="this.className='Mouse_OutColor';"><a class="indexlink" href="dd.aspx">公司简介</a></td>

------------------------------

说明:当鼠标进入 td 内时,触发 onMouseOver ,td 的背景色变为:#8F4586 
  超链接 “公司简介” 的 class="indexlink" ,当鼠标放在上面时,文字变为白色。

------------------------------

我想实现的是:

当鼠标进入 td 内时,td 的背景色变为:#8F4586 ,但同时我想对整个 td 进行超链接 href="dd.aspx“


这要如何办呢?




[解决办法]
对td内的a标记设置为块级,长度和高度设置为100%就可以了。再a:hover设置属性就可以了
[解决办法]
display:block

热点排行