0319 表格table

表格 table

<table>
        <tr>
            <th></th>
        </tr>
        <tr>
            <td></td>
        </tr>

</table>

table属性：

1.border:给表格添加边框，当border属性增大时，只有外围框线增加，单元格边框始终为1px

<table border="1">    <tr>        <td>1</td>    </tr></table>

<table border="10">    <tr>        <td>1</td>    </tr>

2.bordercolor="blue"边框颜色

3.width、height:表格宽高

4.cellspacing:每个单元格与单元格的距离，

                      cellspacing="0"，只会使单元格间隙为0，不会合并边框线，

                      表格边框合并：style="border-collapase:collapse；"

                      无需再写cellspacing="0"

5.cellpadding:每个单元格中内容与边框线的距离

6.align:表格在屏幕左中右位置显示，left center right

            注意：给表格加上align相当于让表格浮动，直接打破表格后面元素的原有排列方式

7.bgcolor:表格的背景颜色 等同于style="background-color:"

8.background：background="img/.jpg" 设置背景图片，

                        等同于style="background-image:" 且背景图会覆盖背景颜色

tr与td相关属性:

1.width/height:单元格宽高

2.bgcolor:单元格背景颜色

3.align：left center right 单元格中文字，水平对齐方式

4.valign:top center bottom 单元格中文字，垂直对齐方式

5.nowrap="nowrap" 单元格中文字不换行

注意:

1.当表格属性与行列属性冲突，以行列属性为准（就近原则）

2.表格的align属性，是控制表格自身在浏览器的显示位置,

行和列的align属性是控制单元格中文字在单元格中的对齐方式

3.表格的align属性，并不影响表格内文字水平对齐方式,

tr的align属性可以控制一行所有单元格中文字的对齐方式