前端表格代码

发布时间: 2023-11-27 16:49 阅读: 文章来源:1MUMB101465PS
表格

表格由 标签来定义。

每个表格均有若干行(由 标签定义)

每行被分割为若干单元格(由 标签定义)

th表头

thead表格头

tbody表格主体

tfoot表格尾

表格的合并

colspan 属性规定单元格横跨的列数(横向合并

rowspan 属性规定单元格横跨的行数(纵向合并

表格的特性

1、单元格默认平分table 的宽度

2、th里面的内容默认加粗并且左右上下居中

3、td里面的内容默认上下居中 左对齐显示

4、table 决定了整个表格的宽度;

5、table里面的单元格宽度会被转换成百分比;

6、表格里面的每一列必须有宽度;

7、表格同一列/行会继承最大值;

8、th,td没有margin属性

表格的样式

width宽度 height 高度 border边框

border-spacing:X Y;

指定单元格边界之间水平和垂直间距

border-collapse:collapse

边框会合并为一个单一的边框会忽略 border-spacing的值

重置表格默认样式

table{border-collapse:collapse;} table th,table td{padding:0;}

display-table

table的标签类型:display:table;

支持margin:auto;

默认内容撑开宽度;

支持宽高

表格前后带有自动换行。

喜欢的的朋友可以关注我,咱每天都会分享网站前端的一些小知识,谢谢你们的阅读,有需要视频教程的关注我后私信问我要

•••展开全文