CSS中的tr是用于表格中行的样式定义。
tr{ /*定义行高*/ height: 30px; /*定义背景颜色*/ background-color: #fff; /*定义文本颜色*/ color: #333; }
在上面的代码中,我们可以看到定义了tr的一些样式属性。height属性用来定义行高,background-color属性用来定义背景颜色,color属性用来定义文本颜色。
在表格中通常需要设置光标悬停样式,我们可以使用:hover伪类来定义鼠标悬停时的样式。
tr:hover{ /*定义背景颜色*/ background-color: #ddd; }
上面的代码定义了当鼠标悬停在该行时背景颜色变成灰色。
有时候表格中的某一行需要特殊样式,我们可以给该行设置class或者id属性来定义特殊样式。
.special-tr{ /*定义背景颜色*/ background-color: #f00; /*定义文本颜色*/ color: #fff; }
上面的代码定义了一个class叫做special-tr,将该class添加到表格的某行tr标签中,就可以给该行设定特殊样式。
总结:在CSS中,tr用于定义表格中行的样式,可定义行高、背景颜色、文本颜色等属性。用:hover伪类定义鼠标悬停样式,用class或id属性定义特殊样式。