(17.04.07)表格thead、表格的样式

表格:
父级
    ---表头
        -----------一行
            1-------表头里一行中的一列
            2
            3
            4
        
    
    ----表身
        
            1----一行里的一列
            2
            3
            4
        
    
    ----表尾
        
            1
            2
            3
            4
        
    
    

关于表格的样式:

border-collapse:collapse; ---加给table,作用合并表格border(只是把boder重叠在一起!)

关于与表格的私有属性


    
        课程表
    

colspan="5"----横向单元格合并!

里面的数字5代表占5格!


    1
    2
    3
    4
    5


    2
    4
    5


    1
    4
    5

rowspan="2" ----纵向单元格合并

里面数字代表上下俩行对应的单元格个数!


注意:
    1. 在改变表格的宽高的时候,改变上面的宽,下面(一列)对应的地方也会随之改变,但是高不会!
    2. 在改变表格的宽高的时候,改变左面的高,右边的表格也会随之变高!

总结:一行里面会随着第一个表格的高度而变高,一列里面会随着它的宽度而变宽!

给表格里面设置宽高:

俩写法:
    css:
        给表格起class,直接给class名加样式
    属性:
        直接给表格添加私有属性:width=“100”

给表格内部的文字设置左中右:

俩写法:
    css:
        起class

        text-align:left/center/right;

    属性:
        align="left/center/right"

给表格内部的文字设置上中下:

俩写法:
    css:
        起class

         vertical-align:top/middle/bottom;

    属性:
         valign="top/middle/bottom"

注意:
    最简单的表格可以只有表身

你可能感兴趣的:((17.04.07)表格thead、表格的样式)