A. 怎麼用CSS設置html中的表格邊框樣式
一、只對表格table標簽設置邊框 - TOP
只對table標簽設置border（邊框）樣式，將讓此表格最外層table一個邊框，而表格內部不產生邊框樣式。
案例詳細如下：
1、對應css代碼
<style>.table-atable{border:1pxsolid#F00}/*css注釋：只對table標簽設置紅色邊框樣式*/style>
2、對應html代碼片段
<divclass="table-a"><tablewidth="400"border="0"cellspacing="0"cellpadding="0"><tr><tdwidth="105">站名td><tdwidth="181">網址td><tdwidth="112">說明td>tr><tr><td>DIVCSS5td><td>www.divcss5.comtd><td>CSS學習td>tr><tr><td>CSS5td><td>www.css5.com.cntd><td>CSS切圖td>tr>table>div>
二、對td設置邊框 - TOP
對table表格td設置邊框樣式，表格對象內td將實現邊框樣式，但中間部分td會導致出現雙邊框。
詳細案例教程如下：
1、對應css代碼
<style>.table-btabletd{border:1pxsolid#F00}/*css注釋：只對tabletd標簽設置紅色邊框樣式*/style>
2、對應html源代碼片段
<divclass="table-b"><tablewidth="400"border="0"cellspacing="0"cellpadding="0"><tr><tdwidth="105">站名td><tdwidth="181">網址td><tdwidth="112">說明td>tr><tr><td>DIVCSS5td><td>www.divcss5.comtd><td>CSS學習td>tr><tr><td>CSS5td><td>www.css5.com.cntd><td>CSS切圖td>tr>table>
三、對table和td技巧性設置表格邊框 - TOP
如上第二點，只對表格對象td設置單一邊框樣式，中間部分td與td標簽之間就會出現雙邊框現象。
解決方法：對td只設置兩個邊的邊框，對table也設置兩個邊的邊框樣式。
解釋：對td設置左與上邊框，這樣td與td相鄰就會只出現單一邊框樣式，這樣就會出現表格右側和下部沒有邊框，這個時候我們設置table右和下 邊框解決顯示右側和下側td剩下未顯示邊框。
1、對應css代碼：
<style>.table-ctable{border-right:1pxsolid#F00;border-bottom:1pxsolid#F00}.table-ctabletd{border-left:1pxsolid#F00;border-top:1pxsolid#F00}/*css 注釋：只對tabletd設置左與上邊框；對table設置右與下邊框；為了便於截圖，我們將css注釋說明換行排版*/style>
2、對應html源代碼片段：
<divclass="table-c"><tablewidth="400"border="0"cellspacing="0"cellpadding="0"><tr><tdwidth="105">站名td><tdwidth="181">網址td><tdwidth="112">說明td>tr><tr><td>DIVCSS5td><td>www.divcss5.comtd><td>CSS學習td>tr><tr><td>CSS5td><td>www.css5.com.cntd><td>CSS切圖td>tr>table>
四、對table和td設置背景，實現完美表格邊框 - TOP
1、基礎設置
1）、先設置tablecss背景為紅色
2）、設置table單元之間間距為1
使用DW軟體輔助設置table表格單元間距為1，具體DW軟體可視化操作步驟簡要說明，首先（視圖模式）選中表格後，對應DW軟體編輯窗口底部會「屬性」面板會出現對應table表格屬性設置地方，我們將「間隔」填寫為「1」。這個時候我們會看到table表格標簽里cellspacing值為「1」（cellspacing="1"）。
藉助DW軟體設置表格單元之間間距
或
直接對
標簽內cellspacing="1"即可，得到：
<tablewidth="400"border="0"cellspacing="1"cellpadding="0">
3）、設置table td背景為白色
2、css代碼：
<style>.table-dtable{background:#F00}.table-dtabletd{background:#FFF}/*css注釋：設置table背景為紅色，td背景為白色*/style>
3、對應html源代碼：
<divclass="table-d"><tablewidth="400"border="0"cellspacing="1"cellpadding="0"><tr><tdwidth="105">站名td><tdwidth="181">網址td><tdwidth="112">說明td>tr><tr><td>DIVCSS5td><td>www.divcss5.comtd><td>CSS學習td>tr><tr><td>CSS5td><td>www.css5.com.cntd><td>CSS切圖td>tr>table>div>
五、css table表格邊框實現總結 - TOP
以上四種方式實現table表格邊框樣式方法，推薦使用第三和第四種方法來解決表格邊框樣式。希望DIVCSS5整理總結html table邊框布局方法對大家有幫助並能掌握，平時需要時靈活運用。
B. HTML表格標簽如何使用
但願您也能熟練使用表格來製作您的主頁。1.<table></table><table></table>標簽對用來創建一個表格。它有以下屬性：屬性用途 <table bgcolor=""> 設置表格的背景色。<table border=""> 設置邊框的寬度，若不設置此屬性，則邊框寬度默認為0。<table bordercolor=""> 設置邊框的顏色。<table bordercolorlight=""> 設置邊框明亮部分的顏色(當border的值大於等於1時才有用)。<table bordercolordark=""> 設置邊框昏暗部分的顏色(當border的值大於等於1時才有用)。<table cellspacing=""> 設置表格格子之間空間的大小。<table cellpadding=""> 設置表格格子邊框與其內部內容之間空間的大小。<table width=""> 設置表格的寬度，單位用絕對像素值或總寬度的百分比。 說明:以上各個屬性可以結合使用。有關寬度、大小的單位用絕對像素值。而有關顏色的屬性使用十六進制RGB顏色碼或Html語言給定的顏色常量名(如 Silver 為銀色)2.<tr></tr><td></td><tr></tr>標簽對用來創建表格中的每一行。此標簽對只能放在<table></table>標簽對之間使用，而在此 標簽對之間加入文本將是無用的，因為在<tr></tr>之間只能緊跟<td></td>標簽對才是有效的語法，<td></td>標簽對用來創建表格中一行中的每一個格子，此標簽對也只有放在<tr></tr>標簽對之間才是有效的，您想要輸入的文本也只有放在<td></td>標簽對中才有效(即才能夠顯示出來)。<table></table>、<tr></tr>和<td></td>標簽對的關系如下所示：<table> 最外層,創建一個表格 <tr> 創建一行 <td>要輸出的文本只能放在此處</td> 創建一個單元格(這里總共創建了三個單元格) <td>要輸出的文本只能放在此處</td> <td>要輸出的文本只能放在此處</td> </tr></table> 最外層此外，<tr>還有align和valign屬性。align是水平對齊方式，取值為left(左對齊)、center(居中)、right(右對齊)；而valign是垂直對齊方式，取值為top(靠頂端對齊)、middle(居中間對齊)或bottom(靠底部對齊)。<td>具有width、colspan、rowspan和nowrap屬性。width是格子的寬度，單位用絕對像素值或總寬度的百分比；colspan設置一個表格格子跨占的列數(預設值為1)；rowspan設置一個表格格子跨占的行數(預設值為1)；nowrap禁止表格格子內的內容自動斷行。3.<th></th> <th></th>標簽對用來設置表格頭，通常是黑體居中文字。 看一看下邊的例子就明白以上標簽對的用法了。 例6 表格標簽的綜合示例<html><head><title>表格標簽的綜合示例</title></head><body><table border="1" width="50%" bgcolor="#E8E8E8" cellpadding="2" bordercolor="#0000FF"bordercolorlight="#7D7DFF" bordercolordark="#0000A0"> <tr> <th width="33%" colspan="2" valign="bottom">義大利</th> <th width="36%" colspan="2" valign="bottom">英格蘭</th> <th width="36%" colspan="2" valign="bottom">西班牙</th> </tr> <tr> <td width="16%" align="center">AC米蘭</td> <td width="16%" align="center">佛羅倫薩</td> <td width="17%" align="center">曼聯</td> <td width="17%" align="center">紐卡斯爾</td> <td width="17%" align="center">巴塞羅那</td> <td width="17%" align="center">皇家社會</td> </tr> <tr> <td width="16%" align="center">尤文圖斯</td> <td width="16%" align="center">桑普多利亞</td> <td width="17%" align="center">利物浦</td> <td width="17%" align="center">阿申納</td> <td width="17%" align="center">皇家馬德里</td> <td width="17%" align="center">……</td> </tr> <tr> <td width="16%" align="center">拉齊奧</td> <td width="16%" align="center">國際米蘭</td> <td width="17%" align="center">切爾西</td> <td width="17%" align="center">米德爾斯堡</td> <td width="17%" align="center">馬德里競技</td> <td width="17%" align="center">……</td> </tr></table></body></html> 本例在瀏覽器中顯示的結果如下：