CSS Table (表格)

vicky.yu

CSS 表格
使用 CSS 可以大大提高 HTML 表格的外观。

2020年11月        2019年11月        程序语言        等级        更改
1        2        C        16.21%        +0.17%
2        3        Python        12.12%        +2.27%
3        1        Java        11.68%        -4.57%
4        5        C++        7.60%        +1.99%
5        5        C#        4.67%        +0.36%
6        6        Visual Basic        4.01%        -0.22%
7        7        JavaScript        2.03%        +0.10%
8        8        PHP        1.79%        0.07%
9        16        R        1.64%        +0.66%
10        9        SQL        1.54%        +0.15%
实例
#customers tr:nth-child(even){background-color: #f2f2f2;}  

#customers tr:hover {background-color: #ddd;}


尝试一下 »
表格边框
指定 CSS 表格边框，使用 border 属性。

下面的例子指定了一个表格的 th 和 td 元素的黑色边框：

实例
table, th, td
{ border: 1px solid black; }

尝试一下 »
请注意，在上面的例子中的表格有双边框。这是因为表和 th / td 元素有独立的边界。

为了显示一个表的单个边框，使用 border-collapse属性。