web开发---给添加超链接

look_w

我们经常用td来做nav导航   那给<td> 添加超链接就是比较常用的需求


直接 <a><td></td></a>不符合标准


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


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

<td width="92" class="nav" ><a href="#">HOME</a></td>


然后

    <style>
    .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标签的高度一致 */
    }

</style>