淘先锋技术网

首页 1 2 3 4 5 6 7

在HTML中,table元素中的th是表头,一般用于标识一列数据的含义。在样式设计中,经常需要对th进行样式设置。这时就需要使用CSS的选择器对th进行样式设置了。

/* 所有th样式设置 */
th {
background-color: yellow;
font-weight: bold;
text-align: center;
}
/* 指定某个table中的th样式设置 */
#my-table th {
background-color: green;
color: white;
}
/* 指定某个table中的某列th样式设置 */
#my-table th:nth-child(2) {
background-color: red;
}

以上代码分别演示了针对所有th、指定某个table中的th、指定某个table中的某列th进行样式设置的方法。

通过CSS的选择器,可以对th进行更加具体的样式设置,使表格更加美观、易读。