網頁制作中表格屬性CellPad、CellSpace和Border描述及使用介紹

2019-10-26 17:26:54

字體：大中小

來源：轉載

供稿：網友

cellspacing是表格里單元格之間的距離;
cellpadding是表格里單元格內的空白部分;
俗稱就是外補丁和內補丁,類似應用在div和span上的margin和padding
你可一試驗一下,給單元格加上邊框,在改變一下cellpadding和cellspacing的值,看有什么變化.
例如:

復制代碼

代碼如下:
<table>
<tr>
<td style="cellspacing:10px;cellpadding:10px;border:1px solid #CCCCCC;">
</td>
<td style="cellspacing:10px;cellpadding:20px;border:1px solid #CCCCCC;">
</td>
</tr>
</table>

著就是說:td的border與table的邊緣之間有10個像素的補丁(cellspacing),td的border與td的內元素有20個像素的補丁(cellpadding).

更多表格屬性請參考：
屬性_______________描述
width______________表格的寬度
height_____________表格的高度
align______________表格的在頁面的水平擺放位置
background_________表格的背景圖片
bgcolor____________表格的背景顏色
border_____________表格邊框的寬度（以像素為單位）
bordercolor________表格邊框顏色
bordercolorlight_____表格邊框明亮部分的顏色
bordercolordark____表格邊框昏暗部分的顏色
cellspacing________單元格之間的間距
cellpadding________單元格內容與單元格邊界之間的空白距離的大小

上一篇：Form表單中method=post/get兩種數據傳輸的方式的區別

下一篇：Table相關整理及Javascript操作table,tr,td