【正文】 rdercollapse做 1象素邊框的表格 ?在默認(rèn)情況下表格邊框和單元格邊框是不疊加的，此時表格的邊框和單元格的邊框緊挨在一起，所以邊框的寬度為 1＋ 1＝ 2象素，這是 bordercollapse屬性的默認(rèn)值為 separate，即不重疊時的情況。當(dāng)我們把 bordercollapse屬性值設(shè)為collapse（重疊）時，表格邊框和單元格邊框?qū)l(fā)生重疊，則邊框的寬度為 1象素。 ?bordercollapse:collapse。 ?table border=1 bordercolor=FF0000 style=bordercollapse:collapse。 雙細(xì)線邊框表格的原理 ?將表格的邊框顏色 bordercolor屬性設(shè)置為某種顏色，則表格的暗邊框和亮邊框會變?yōu)橥环N顏色，表格的邊框立體效果消失，（在 IE中單元格邊框的顏色也會跟著改變，而 Firefox中單元格邊框顏色不會改變）此時表格的邊框和單元格的邊框都為 1象素，只要間距 cellspacing不設(shè)為 0，則兩組邊框不會重合，顯示為雙細(xì)線邊框表格。 雙細(xì)線邊框表格的實現(xiàn) table border=1 cellpadding=10 cellspacing=2 bordercolor=0099FF tr bgcolor=99CCFF tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr /table IE的顯示 例 2 下面的表格是如何實現(xiàn)的 ?用間距做的邊框，但并沒有把表格的邊框 border設(shè)為 0 ，而是設(shè)為 1，白色。因此在紅色“邊框”的外面還有 1象素白色的表格邊框，單元格外也有1象素的白色單元格邊框 ?表格間距為 1，表格背景色為紅色，單元格背景色為淡紅色 單元格內(nèi)容的對齊屬性 align/valign ?align屬性可以讓單元格中的內(nèi)容是水平居中或左右對齊，默認(rèn)是左對齊 ?valign屬性是垂直對齊屬性，可以讓內(nèi)容在垂直方向?qū)R，默認(rèn)是垂直居中對齊 單元格的合并屬性（ colspan、 rowspan） ?單元格的合并屬性是 td標(biāo)記特有的兩個屬性，分別是跨多列屬性 colspan和跨多行屬性 rowspan，它們用于合并列或合并單元格。如： ? td colspan=3 單元格內(nèi)容 /td ?表示該單元格是由 3列（ 3個并排的單元格）合并而成，它將使該行 tr標(biāo)記中減少兩個 td標(biāo)記。 ? td rowspan=3單元格內(nèi)容 /td ?表示該單元格由 3行（ 3個上下排列的單元格）合并而成，它將使該行下的兩行，兩個 tr標(biāo)記中分別減少一個 td標(biāo)記。 ?注意： colspan和 rowspan屬性也可以在一個單元格 td標(biāo)記中同時出現(xiàn)，如： ?td colspan=3 rowspan=3 /td ! 同時合并了三行三列的 9個單元格 標(biāo)題單元格 th標(biāo)記 ?標(biāo)題單元格標(biāo)記 th相當(dāng)于一個單元格內(nèi)字體以粗體居中顯示的 td標(biāo)記 表格標(biāo)題標(biāo)記 caption ?標(biāo)題標(biāo)記 caption的常用屬性有 align、 valign ?（ valign表示標(biāo)題在表格的上部或下部，值為bottom|top） tbody…… /tbody標(biāo)記 ?瀏覽器默認(rèn)是將整個表格的代碼下載完再顯示整個表格，如果想讓瀏覽器分行下載，即 下載一行顯示一行 ，可以在所有行標(biāo)記外加上 tbody標(biāo)記，這個對表格中內(nèi)容很多時比較實用。 ?有時如果要把所有單元格的背景色設(shè)置成同一種顏色，可以設(shè)置 tbody的背景色，這樣就不必為每個單元格都添加一條 bgcolor屬性，可節(jié)省很多代碼 普通表格與布局表格的區(qū)別 ?在布局模式下繪制的布局表格是特殊設(shè)置了的普通表格，布局表格將 border、 cellpadding、cellspacing三個屬性都設(shè)置為了 0，因此我們看不到它的邊框，布局單元格將 valign屬性設(shè)置為 top，因此往布局單元格中插入內(nèi)容默認(rèn)都是往單元格最頂端排列的。 ?實驗：用普通標(biāo)格和布局表格分別進行 131版式布局 在 Dreamweaver中選中表格的方法 ?選擇整個表格：單擊表格左上角或右邊框或底邊框或 狀態(tài)條中的 table標(biāo)簽 。 ?選擇一行或一列單元格：將鼠標(biāo)指針置于一行的左邊框上，或置于一列的頂端邊框上，當(dāng)選定箭頭出現(xiàn)時單擊，或狀態(tài)條中的 tr標(biāo)簽 （推薦）。 ?選擇連續(xù)的幾個單元格：在一個單元格中單擊并拖動鼠標(biāo)橫向或縱向移至另一單元格。 ?選擇不連續(xù)的幾個單元格：按住 Ctrl鍵，單擊欲選定的單元格、行或列。 ?選擇單元格中的網(wǎng)頁元素：點擊單元格中的網(wǎng)頁元素。 DW在表格中插入行或列的方法 ?當(dāng)光標(biāo)位于表格內(nèi)時，按右鍵在彈出菜單中選擇“表格 ——插入行（或插入列）”可在表格的當(dāng)前行的上方插入一行，或當(dāng)前行的左邊插入一列，若要在表格的最右邊插入一列或最下方插入一行，可選擇“表格 ——插入行或列 …” ，在所選列之后或所選行之下插入列或行。 插入行也可以在代碼視圖中復(fù)制一行的代碼 “ tr……/tr” 再粘貼幾次就插入幾行，插入列則在代碼視圖中不好進行。 制作固定寬度的表格 ?如果我們不定義表格中每個單元格的寬度，當(dāng)向單元格中插入網(wǎng)頁元素時，表格往往會變形，要制作固定寬度的表格，通常有兩種方法： ?① 定義所有列的寬度，但 不定義整個表格的寬度 ，整個表格的實際寬度為：所有列的寬度和 +邊框?qū)挾群?+間距和 +填充和，這時候，只要單元格內(nèi)的內(nèi)容不超過的單元格的寬度時，表格不會變形。 ?② 定義整個表格的寬，如 500像素、 98%等，再 留一列的寬度不定義 ，未定義的這一列的寬度為整個表格的寬度 已定義列的寬度和 邊框?qū)挾群?間距和 填充和，同樣在插入內(nèi)容時也不會變形。 用單元格制作水平線或占位表格 ?關(guān)鍵：去掉單元格 td中的“ ”空格 table width=200 border=0 cellpadding=0 cellspacing=0 tr td height=1 bgcolor=FF00FF/td ! 單元格中的“ ”已去掉 /tr /table 制作占位表格：演示 用表格制作圓角欄目框 ?網(wǎng)頁中經(jīng)?？梢钥吹狡恋膱A角欄目框，在這里我們來制作一個固定寬度的圓角欄目框 圓角欄目框制作步驟 1. 插入一個 三行一列 的表格，把表格的填充、間距和邊框設(shè)為 0，寬設(shè)置成 190象素（圓角圖片的寬），高不設(shè)置。 2. 分別設(shè)置表格內(nèi)三個單元格的高。第一個單元格高設(shè)置為38象素（上圓角圖片的高）；第二個單元格高為 148象素；第三個單元格高為 17象素（下圓角圖片的高）。在 第 3個單元格內(nèi)分別插入上圓角和下圓角的圖片 。 3. 把第二個單元格的水平對齊方式設(shè)置為居中（ align=center），單元格的背景顏色設(shè)置為圓角圖片邊框的顏色（ bgcolor=E78BB2）。 ? 4. 這時在第二個單元格內(nèi)再插入一個一行一列的表格，把該表格的間距和邊框設(shè)為 0，填充設(shè)為 8象素（讓欄目框中的內(nèi)容和邊框之間有一些間隔），寬設(shè)為 186象素，背景顏色設(shè)置為比邊框淺的顏色（ bgcolor=FAE4E6）。 ?說明：第四步也可以不插入表格，而是把第二個單元格拆分成 3列，把三列對應(yīng)的三個單元格的寬分別設(shè)置為 2象素、 186象素和 2象素，并在代碼視圖把這三個單元格中的“ ”去掉，然后把 3列的背景色設(shè)置為圓角邊框的顏色，第 2列的背景色設(shè)為圓角背景的顏色，并用 CSS屬性設(shè)置它的填充為 8象素（ style=padding:8px）