12-28

今天主要学习了一些表格的知识
在Web的历史中,HTML的发挥了巨大的作用,最初创建表格是为了以表格的形式显示数据,后来表格变成了一个极受欢迎的布局工具
但是有了CSS之后,CSS在布局网页方面实际上更出色,所以我们现在使用表格就是用来表示格式化的数据
HTML中的表格可以很复杂,但是通常情况下,我们不需要创建过于复杂的表格
表格的属性
table:来创建一个表格
tr:表示表格中的一行
(tr可以编写多个tr或者th)
th:表示表头
td:表示表格中的一个单元格
caption:表示表格的标题
thead:表示表格的头部
tbody:表示表格的主体
tfoot:表示表格的底部
合并单元格
指将两个或两个以上的单元格合并成一个单元格
可以通过在th或者td中设置属性来完成
横向合并:colspan
纵向合并:rowspan
表格的样式
之前学过很多属性都可以用来设置表格的样式
例如color来设置颜色 padding来设置内边距
text-align:设置文本的水平对齐
vertical-align:设置文本的垂直对齐
可选值:top baseline middle bottom
border-spacing:边框间距
border-collapse:合并边框
border-separate:不合并边框

猜你喜欢

转载自blog.csdn.net/weixin_43143740/article/details/85330616