Bootstrap

css表格的属性!标签!超详细!

关于表格!你必须要知道的!

<table>

<tr> //表示行

<td>33</td> //表示单元格

<td>44</td>

</tr>

</table>

宽度 width (tr不能设宽) 合并单元格属性:

高度 height colspan=“所要合并的单元格的列数”合并列;必须给td

边框 border rowspan=“所要合并单元格的行数”合并行; 必须给td

边框颜色 bordercolor 合并之后需要把多余的单元格删除

背景颜色 bgcolor

文字水平对齐 align="left或right或center"

文字垂直对齐 valign="top或middle或bottom";

cellspacing="单元格与单元格之间的间距" 必须给table

cellpadding="单元格与内容之间的空隙" 必须给table

表格的css属性

border-spacing:20px 单元格间距(该属性必须给table添加) 表示单元格边框之间的距离, 不可取负值

border-collapse:separate/collapse; 合并相邻单元格边框 (该属性必须给table添加)

                            separate(边框分开)默认值;

                             collapse(边框合并)

 empty-cells:show/hide; 单元格无内容时,是否显示该单元格的边框区域;

table-layout:auto/fixed;是否固定单元格的宽度(没有定义时则宽度会平均分配,高度则会随内容变化)

caption-side:top/right/bottom/left  表格标题位置 (left,right位置只有火狐识别,top,bottom IE7上版本支持,ie7以下版本不支持其它属性值,只识别top)

表格的列分组

<colgroup span="数字"> /*col和colgroup元素会根据从左到右的顺序依次对数据表格进行分组*/

                        <col span="数字" bgcolor="red"/> /*span属性显示指定相邻几列组成一组,span属性值默认为1*/

</colgroup> //只起包裹作用

如果用rules添加组分割线的话,列分组必须用colgroup

rules="groups/rows/cols/all/none" :必须给table标签添加属性

;