怎么用css设置表格第一行的样式

在css中, 可以通过":first-child"选择器选中表格第一行进行样式设置 。 下面小编举例讲解怎么用css设置表格第一行的样式 。

怎么用css设置表格第一行的样式

文章插图

需要这些哦
css+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件, 定名为test.html, 用于讲解怎么肥捧用css设置表格第一行的样式 。
怎么用css设置表格第一行的样式

文章插图

2在test.html文件内, 利用table标签建立一个表格, 用于测试 。
怎么用css设置表格第一行的样式

文章插图

3在test.html文件内, 设置table标签的class属性为mytt 。
怎么用css设置表格第一行的样式

文章插图

4【怎么用css设置表格第一行的样式】在css标签内, 经由过程class和":first-child"选择器选中表格第一行(tr) 。
怎么用css设置表格第一行的样式

文章插图

5在css标签内, 总召设置表格第一行的文字颜色为红色 。
怎么用css设置表格第一行的样式

文章插图

5
6在浏裕茄躲览器打开test.html文件, 查看实现的结果 。
怎么用css设置表格第一行的样式

文章插图

总结:11、利用table标签建立一个表格, 设置table标签的class属性为mytt 。 2、在css标签内, 经由过程class和":first-child"选择器选中表格第一行(tr) 。 3、在css标签内, 设置表格第一行的文字颜色为红色 。 4、在浏览器打开test.html文件, 查看实现的结果 。


以上内容就是怎么用css设置表格第一行的样式的内容啦, 希望对你有所帮助哦!

    推荐阅读