【正文】 ?需要注意的是 div并不是層，以前說的層是指通過 CSS設(shè)置成了絕對(duì)定位屬性的 div元素，但實(shí)際上也可以對(duì)其他任何標(biāo)記的元素設(shè)置成絕對(duì)定位，此時(shí)其他標(biāo)記也成了層，因此層并不對(duì)應(yīng)于任何 html標(biāo)記，所以Dreamweaver CS3去掉了層這一概念，將這些設(shè)置成了絕對(duì)定位元素的標(biāo)記統(tǒng)稱為 AP（ Absolute Position）元素 表格標(biāo)記 table、tr、 td th、 tbody、 caption 表格標(biāo)記 ?表格的主要作用：網(wǎng)頁布局 ?因?yàn)楸砀窨梢怨潭ㄎ谋净驁D像的顯示位置，還可以使用多重表格，并可以設(shè)置前景色和背景色 ?網(wǎng)頁中的表格是由 table標(biāo)記定義的，一個(gè)表格被分成許多行 tr，每行又被分成許多個(gè)單元格 td，因此table、 tr、 td是表格中三個(gè)最基本的標(biāo)記， 必須一起出現(xiàn) 。表格中的單元格能容納網(wǎng)頁中的任何元素，如圖像，文本，列表，表單，表格等。 The elements that make up the basic structure of a table 下面這段代碼在瀏覽器中如何顯示 table border=1 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 表格標(biāo)記 table的常見屬性 table的屬性 含義 border 表格邊框的寬度 bordercolor 表格邊框的顏色，若不設(shè)置，將顯示立體邊框效果 bordercolordark bordercolorlight 設(shè)置邊框暗部分和明亮部分效果， IE才支持這兩個(gè)屬性 bgcolor 表格的背景色 background 表格的背景圖像 cellspacing 表格的間距 cellpadding 表格的填充 width， height align 表格的寬和高，可以使用象素或百分比做單位， align是水平對(duì)齊屬性 設(shè)置表格邊框?yàn)?20象素的效果 table border=20 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 設(shè)置表格邊框?yàn)?0 table border=0 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 可見：設(shè)置表格邊框?yàn)?0時(shí)，會(huì)使單元格邊框也變?yōu)?0象素，而設(shè)置表格邊框?yàn)槠渌麛?shù)值時(shí)，不會(huì)影響單元格邊框的寬 再設(shè)置邊框顏色為青色 table border=20 bordercolor=0099FF tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table Firefox效果 IE效果 再設(shè)置背景顏色為玫瑰色 table border=20 bgcolor=9933CC bordercolor=0099FF tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 設(shè)置間距為 10，取消背景色 table border=20 cellspacing=10 bordercolor=0099FF tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 總結(jié) :間距 cellspacing的作用 再設(shè)置填充為 10 table border=20 cellspacing=10 cellpadding=10 bordercolor=0099FF tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 總結(jié)：填充 cellpadding的作用 表格的 rules屬性 ?rules屬性：可實(shí)現(xiàn)只顯示表格的行邊框或列邊框，取值為 rows時(shí)只顯示行邊框，取值為 cols時(shí)只顯示列邊框，如： ?table rules=rows width=200 border=1 cellpadding=0 cellspacing=2 單元格標(biāo)記 td的常見屬性 td的屬性 含義 bordercolor 單元格邊框的顏色，該屬性僅 IE支持 bgcolor 單元格的背景色 background 單元格的背景圖像 align/valign 單元格里的內(nèi)容的水平或垂直對(duì)齊方式 colspan/rowspan 合并同一列相鄰的幾個(gè)單元格 / 合并同一行的幾個(gè)單元格 width， height 單元格的寬和高，可以使用象素或百分比做單位 注意：單元格 td無 border屬性，因此無法設(shè)置單元格邊框的寬度，單元格邊框?qū)挾?只能是 1或 0 設(shè)置第一個(gè)單元格邊框?yàn)榧t色 table border=20 align=center cellpadding=10 cellspacing=10 bordercolor=0099FF tr td bordercolor=FF0000row 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table IE的顯示 Firefox的顯示 設(shè)置第一行單元格背景色為藍(lán)色 tr td bgcolor=99CCFFrow 1, cell 1/td td bgcolor=99CCFFrow 1, cell 2/td /tr 等價(jià)于： tr bgcolor=99CCFF tdrow 1, cell 1/td tdrow 1, cell 2/td /tr 設(shè)置所有單元格背景色為藍(lán)色 tr td bgcolor=99CCFFrow 1, cell 1/td td bgcolor=99CCFFrow 1, cell 2/td /tr tr td bgcolor=99CCFFrow 1, cell 1/td td bgcolor=99CCFFrow 1, cell 2/td /tr 等價(jià)于 tbody bgcolor=99CCFF tr…/trtr…/tr /tbody 再設(shè)置 表格 的背景色為紅色 ?再設(shè)置表格的邊框 border為 0 實(shí)現(xiàn) 1象素邊框表格 ?此時(shí)將表格的 間距 cellspacing設(shè)為 1，即實(shí)現(xiàn) 1象素邊框表格， ?其原理是通過把表格的背景色和（所有單元格的背景色）調(diào)整成不同的顏色，使間距看起來象一個(gè)邊框一樣 ?所有單元格的背景色設(shè)為同一顏色后，我們也稱為表格的前景色 用 CSS屬性 bo