表格有 th tr td
表头单元格(th)默认水平居中,垂直居中,有加粗效果。

caption标签是表格标题
关于html中的表格详解
关于html中的表格详解
表格单元格,文字默认水平居左、垂直居中显示,并且没有加粗效果。
特性:有内容,没有固定宽度的单元格,由内容撑开。
没有固定宽度的空单元格,默认平分表格宽度。

表格属性:
border属性:表格边框
border=“1”有边框 为0 无边框

cellpadding属性,单元格内容与单元格边框之间的距离。
关于html中的表格详解
关于html中的表格详解
cellspacing=“20” 单元格与单元格之间的距离

要注意cellspacing有默认值,为2个像素
关于html中的表格详解
合并单元格:

跨行合并:比如横跨6行就是数学横跨6行就是横着的6行)
在上面的td设置横跨几行之后,下面的被跨的这一行就不用再写td了,直接跳过。

跨列合并:
colspan

表格常用css属性:
border-collapse属性:设置表格的行和单元格的边是否合并还是独立。
border-collapse:separate 边框独立
border-collapse:collapse 相邻边合并
border-spacing属性:当表格边框独立时,行和单元格的边框在横向和纵向的间距问题。如果两个长度值:一个用于横向间距,第二个用于纵向间距。
border-spacing:10px 20px; 如果设置一个值,则横向和纵向都是10px,
`
表格优点:方便排列一些有规律的,结构均匀的内容或数据
缺点:产生的垃圾代码,影响页面下载时间,灵活性不打,难于修改。

面试笔试会问,在表格中怎么合并单元格:rowspan colspan

其他不会的可以私信或者留言哦
如果感觉文章对您有帮助,可以动动您的发财小手指点个赞哦

相关文章:

  • 2022-12-23
  • 2021-08-22
  • 2021-12-04
  • 2021-12-04
  • 2021-12-04
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-02-08
  • 2021-05-23
  • 2021-12-04
  • 2021-11-29
相关资源
相似解决方案