正文
css样式tr样式的简单介绍
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
嵌套在tr td中的超链接文字如何实现它的css样式？
方法多种，最简单的就是单独给a标记一个class，或者给个ID也行，也可以通过嵌套实现，给table、tr、td指定一个类或ID都可以，当然了，如果你页面中内容很少，不用定义选择器，直接用标签也行，或者行内样式也可以实现，举例：
1、行内样式：
table
tr
tda style="color:#F00" href="#"超链接/a/td
/tr
/table
2、给a指定类(如果把class换成id的话，则底下的.special则换成#special)
table
tr
tda 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
tda href="#"超链接/a/td
/tr
/table
而这个时候的样式可以写成:
.special a{
text-decoration:none;
}
.special a:link,.special a:visited{
color:#f00;
}
.special a:hover{
color:#0F0;
}
相关问答
Q1: table中的tr不能用css样式?
只要是html中的标签都可以用css样式
.tab{
这里写你的样式
}
.tr{
}
.td{
}
table class="tab"
td class ="td"
tr class="tr"
spancontext/span
/tr
/td
/table
Q2: 在css中,
body 元素是定义文档的主体，通俗的来说，表示网页的主体部分。
td 标签定义 HTML 表格中的标准单元格。例如td/td是一个单元格
tr 标签定义 HTML 表格中的行。例如:tr/tr是一行
th通常使用在表格的标题栏位，就是说通常使用th/th来当表格中的每一列的标题！
希望帮助到你，不懂就百度HI我，我尽所能为您解答！
Q3: css tr 应用属性
给你写了个例子 你自己看看就知道了
.tablecss2{ border:#C0C0C0 1px solid; border-collapse:collapse; margin:5px; }
/*.tablecss2 td{ BORDER-BOTTOM: #C0C0C0 1px solid; BORDER-right: #C0C0C0 1px solid; padding:2px; }*/
.tablecss2 tr{ BORDER-BOTTOM: #C0C0C0 1px solid; BORDER-right: #C0C0C0 1px solid; padding:2px; background-color:#E8E8E8}
/style
table width="600" cellspacing="0" cellpadding="0" align="center" class="tablecss2"
tr
td212121/td
td231231321/td
/tr
tr
td212121/td
td231231321/td
/tr
/table
Q4: table中如何用CSS控制>的宽度和高度
1、首先给table标签添加css : table-layout:fixed;这里是为了让整个table有一个自己宽度，而不是让table自己随着自己内容的大小而改变。
2、给table标签，定一个宽度（如：width:500px）;
3、最后给td 定一个宽度（width）就可以实现.
原表格：
添加一下CSS：
现表格：
扩展资料：
在实际需求中，经常遇到要在table中的td中，让用户输入比较长的字符串，这时就要使td的宽度能较大。
在WEB前端中，对于 表格元素中的元素td 直接设置宽度是无法生效的。要想达到给td设置宽度的目地。
Q5: CSS样式中 tr.over td{}
你好，这是一个CSS的继承用法，.over类和td标记从tr标记的CSS设置中继承了属性，意思就是只要是出现tr标记的地方使用了.over类和td标签，那么.over类和td标签的背景色都会是#FFFF99，即使原先.over类和td标签的背景色不是#FFFF99！
简单说来，就是tr.over td{background-color:#FFFF99;}中over td继承了tr的属性！
