一言不合咱就上笔记:
虽然之前已经学习过表格的相关样式,但是,在css外部样式表当中,又有需要增加的知识点。 接下来,就好好复习一下吧:
boder-collapse//collapse(合并)separate(默认值 bu)合并表格的边框
与border-spacing不能一起出现
border-spacing:20px 50px;//单元格之间的水平 垂直距离
table-layout:auto/fixed//设置显示单元,行和列的算法
auto:默认,列宽度由单元格内容设定
fixed:列宽由表格宽度和列宽度设定
text-align:center//表格内容水平居中
vertical-align:center//表格内容垂直居中
caption-side:top/bottom//top是默认值, 设定表格表头位置
设置是否显示表格中的空单元格:
empty-cell: hide//不在空单元格周围绘制边框
show//在空单元格周围绘制边框。默认
表格复习:
想要表格有内边框需哦在td里面加border
border-spacing :
caption-side:表格标题位置
在学习之后,也用该运用到实际当中来:家下来看看这个示例吧:

这个示例只是简单的将表格的相关属性运用上来,接下来我们来看看代码:
表格常用样式属性

只是简单的介绍:
网友评论