淘先锋技术网

首页 1 2 3 4 5 6 7

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属性定义特殊样式。