table 表格 雙標(biāo)簽 表格級(jí)?
寫法
<table>
<tr>
<th></th>(th表格頭)
<td></td>(單元格)
</tr>
一個(gè)table標(biāo)簽可以有多個(gè)tr和td標(biāo)簽組成
<table>表格屬性
1、 屬性
1、width:設(shè)置表格寬度
2、height:設(shè)置表格高度
3、align“設(shè)置 表格 在其 父元素中的水平對(duì)齊方式,取值:left,center,right
4、border:邊框,邊框?qū)挾龋詐x為單位的數(shù)值,px可以省略
5、cellpadding:?jiǎn)卧駜?nèi)邊距 ?單元格邊框與內(nèi)容之間的距離
6、cellspacing:?jiǎn)卧裢膺吘??單元格與單元格之間或者單元格與表格之間的 距離
7、bgcolor:背景顏色
<tr>屬性
1、align:該行的內(nèi)容 水平對(duì)齊方式
2、valign:該行的內(nèi)容 垂直對(duì)齊方式 ? 取值:top,middle,bottom
3、bgcolor:背景色
<td>屬性
1、width
2、height
3、align
4、valign
5、bgcolor
6、colspan:設(shè)置單元格跨列
7、rowspan:設(shè)置單元格跨行
表格的行和列不是規(guī)定死的,可以進(jìn)行跨行和跨列操作 ? 如:
跨?列:colspan="3" ?數(shù)字是幾,就跨幾列,數(shù)字是三就是三列
跨 行:rowspan="2" 數(shù)字是二就跨兩行
表格特有的樣式屬性
1、邊框合并
屬性:border-collapse
取值:
(1)、separate ? :默認(rèn)值,分離邊框模式
(2)、collapse:邊框合并模式
2、邊框邊距
屬性:border-spacing
(1)、作用 :設(shè)置相鄰單元格邊框之間的距離(類似于cellspacing)
(2)、取值:
1、取1個(gè)值:表示水平和垂直間距相等
2、取2個(gè)值:第一個(gè)值表示的 水平間距
第二個(gè)值表示的 垂直間距
兩個(gè)值之間用 空格 隔開
3、要求
border-collapse必須為separate
必須為分離邊框模式時(shí)有效
一個(gè)簡(jiǎn)單地案例:
顯示結(jié)果: