📜  CSS table表格

📅  最后修改于: 2020-11-05 08:50:36             🧑  作者: Mango

CSS表

我们可以在HTML表格上应用样式,以获得更好的外观。在使用CSS设计表时,有一些CSS属性被广泛使用:

  • border
  • border-collapse
  • padding
  • width
  • height
  • text-align
  • color
  • background-color

CSS表格边框

我们可以使用CSS border属性为表格,th和td标签设置边框。


输出:

First_Name Last_Name Marks
Sonoo Jaiswal 60
James William 80
Swati Sironi 82
Chetna Singh 72

CSS表格边框折叠

借助border-collapse属性,我们可以将所有边界仅折叠为一个边界。


输出:

Name Last Name Marks
Sonoo Jaiswal 60
James William 80
Swati Sironi 82
Chetna Singh 72
 

CSS表格填充

我们可以使用CSS padding属性为表头和表数据指定填充。


输出:

Name Last Name Marks
Sonoo Jaiswal 60
James William 80
Swati Sironi 82
Chetna Singh 72
 

CSS表:样式为偶数和奇数单元格

我们可以设置偶数和奇数表单元格的样式,以改善外观。在这段代码中,我们在偶数和奇数单元格上显示不同的背景颜色。此外,我们更改了背景色和标签。

CSS代码:


输出: