css

一言不合咱就上笔记: 

     虽然之前已经学习过表格的相关样式,但是,在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:表格标题位置


在学习之后,也用该运用到实际当中来:家下来看看这个示例吧:


css_第1张图片
这只是一个简单的示例

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


表格常用样式属性

css_第2张图片

只是简单的介绍:

你可能感兴趣的:(css)