柚子快報(bào)激活碼778899分享：css HTML中的表格

http://yzkb.51969.com/

一：表格包含的結(jié)構(gòu)

????????table標(biāo)簽:定義表格

? ? ? ? ????????thead標(biāo)簽:表格的頭部(可省略)

? ? ? ? ????????tbody標(biāo)簽:表格的內(nèi)容(可省略)

? ? ? ? ????????tr標(biāo)簽:定義行

? ? ? ? ????????th標(biāo)簽:表頭的單元格(文字加粗;文字居中)

? ? ? ? ????????td標(biāo)簽:表格的內(nèi)容部分的普通單元格(瀏覽器默認(rèn)的文字樣式;文字左對齊)

運(yùn)行結(jié)果：?

沒有給table添加邊框?qū)傩?border)不會(huì)顯示表格的邊框

table標(biāo)簽的屬性：

????????border屬性:邊框

? ? ? ? width屬性:寬度

? ? ? ? height屬性:高度

? ? ? ? align屬性:表格的對齊方式

運(yùn)行結(jié)果如下：

?

?二，表格內(nèi)單元格的合并

????????rowspan="合并的單元格數(shù)量" 跨行合并

? ? ? ? colspan="合并的單元格數(shù)量" 跨列合并

? ? ? ? cellspacing屬性:設(shè)置表格外層邊框和單元格邊框之間的間距

運(yùn)行結(jié)果為：?

?rowspan屬性和colspan屬性同時(shí)使用則行和列同時(shí)合并

?運(yùn)行結(jié)果：

?

柚子快報(bào)激活碼778899分享：css HTML中的表格

http://yzkb.51969.com/

參考鏈接