嵌套在tr td中的超链接文字如何实现它的css样式?
展开全部
方法多种,最简单的就是单独给a标记一个class,或者给个ID也行,也可以通过嵌套实现,给table、tr、td指定一个类或ID都可以,当然了,如果你页面中内容很少,不用定义选择器,直接用标签也行,或者行内样式也可以实现,举例:
1、行内样式:
<table>
<tr>
<td><a style="color:#F00" href="#">超链接</a></td>
</tr>
</table>
2、给a指定类(如果把class换成id的话,则底下的.special则换成#special)
<table>
<tr>
<td><a class="special" href="#">超链接</a></td>
</tr>
</table>
而他的样式则可能为
.special{
text-decoration:none;
}
.special:link,.special:visited{
color:#f00;
}
.special:hover{
color:#0F0;
}
a:link设置是超链接默认显示的颜色,而a:visited设置的是访问过后的颜色,a:hover是鼠标滑过时的颜色。
其他方式就是把class=“”或者id=“”放到table的相关标签中,如
<table class="special">
<tr>
<td><a href="#">超链接</a></td>
</tr>
</table>
而这个时候的样式可以写成:
.special a{
text-decoration:none;
}
.special a:link,.special a:visited{
color:#f00;
}
.special a:hover{
color:#0F0;
}
1、行内样式:
<table>
<tr>
<td><a style="color:#F00" href="#">超链接</a></td>
</tr>
</table>
2、给a指定类(如果把class换成id的话,则底下的.special则换成#special)
<table>
<tr>
<td><a class="special" href="#">超链接</a></td>
</tr>
</table>
而他的样式则可能为
.special{
text-decoration:none;
}
.special:link,.special:visited{
color:#f00;
}
.special:hover{
color:#0F0;
}
a:link设置是超链接默认显示的颜色,而a:visited设置的是访问过后的颜色,a:hover是鼠标滑过时的颜色。
其他方式就是把class=“”或者id=“”放到table的相关标签中,如
<table class="special">
<tr>
<td><a href="#">超链接</a></td>
</tr>
</table>
而这个时候的样式可以写成:
.special a{
text-decoration:none;
}
.special a:link,.special a:visited{
color:#f00;
}
.special a:hover{
color:#0F0;
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询