[css基础] 表格内的链接

tension

管理员

Rank: 9 Rank: 9 Rank: 9

1^# 大中小发表于 2008-4-2 07:57 只看该作者

表格内的链接

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>在表格上的链接 - 51windows</title>
<style>
<!--
td{font-size:12px;}
.menulink a:active,
.menulink a:visited,
.menulink a:link {
	display: block;
	text-decoration: none;
	width:100%;height:24;
	color:#000000;
	line-height:24px;
	background-color: #FFFFFF;
}

.menulink a:hover {
	color: #FFFFFF;
	line-height:24px;
	background-color:darkblue;
	text-decoration: underline;
}

.menulink2 a:active,
.menulink2 a:visited,
.menulink2 a:link {
	display: block;
	text-decoration: none;
	width:100%;height:24;
	line-height:24px;
	color:#000000;
	background-color: #E9EEF4;
}

.menulink2 a:hover {
	color: #FFFFFF;
	background-color:darkblue;
	line-height:24px;
	text-decoration: underline;
}
-->
</style>
</head>
<body>
<table width="775" height="26" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
  <tr align="center" valign="middle" bgcolor="#FFFFFF"> 
    <td width="12%" class="menulink2"><a href="#">金属行情首页</a></td>
    <td width="10%" class="menulink"><a href="#">分析预测</a></td>
    <td width="10%" class="menulink"><a href="#">现货报价</a></td>
    <td width="10%" class="menulink"><a href="#">期货行情</a></td>
    <td width="10%" class="menulink"><a href="#">钢材市场</a></td>
    <td width="10%" class="menulink"><a href="#">统计数据</a></td>
    <td width="10%" class="menulink"><a href="#">国内资讯</a></td>
    <td width="10%" class="menulink"><a href="#">国际资讯</a></td>
    <td width="9%" class="menulink"><a href="#">展会信息</a></td>
    <td width="9%" class="menulink"><a href="#">English</a></td>
  </tr>
</table>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

‹‹ 上一主题 | 下一主题 ››

393张高清晰web2.0站点截图	425款精品毛笔墨迹+38款墨迹底纹..	10位Master级别的Photoshop高手	绝对漂亮的笔刷
Soul 近期新作品欣赏..	熟女养成日志—长草	魔幻抽象/吸血鬼传说！！	photoshop仿CG滤镜