html td 超链接,web开发---给<td>添加超链接

我们经常用td来做nav导航   那给

添加超链接就是比较常用的需求

直接

不符合标准

只能 

 但此时 超链接 只有鼠标直到a标签时才生效 并不是进入td就生效

这个时候 我们只要把 a标签变成 块级元素即可

HOME

然后

.nav a {

display:block; /* 把行内元素 变成 块级元素 */

width:92px; /* 盒子 宽度 与td宽度一致*/

height:37px; /* 盒子 高度与td高度一致 */

text-decoration: none;

vertical-align: middle;/* 使a的文本垂直居中 */

}

.nav{

background:#0E0D0D;

width:92px;

text-align: center; /* 使a的文本水平居中 */

white-space:nowrap;

color:#ffffff;

cursor:pointer;

line-height:37px; /* 使a的文本垂直居中 要与a标签的高度一致 */

}