嵌套在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;
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<table class="nihao">
<tr>
<td>
<a>你好</a>
</td>
</tr>
</table>
这样子的有很多方法
<style>
.nihao tr td a{ ...}
或者:直接给a一个class就行了
</style>
<tr>
<td>
<a>你好</a>
</td>
</tr>
</table>
这样子的有很多方法
<style>
.nihao tr td a{ ...}
或者:直接给a一个class就行了
</style>
来自:求助得到的回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
# example {}
# example td a{这里面就是id = example 下的table中的td里的超链接<a>的样式</a>}
# example td a{这里面就是id = example 下的table中的td里的超链接<a>的样式</a>}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
定义一下啊!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询