表格的cellpadding與cellspacing兩者區別介紹

admin發表於2017-02-21
padding

標題中的兩個屬性在表格中比較常用，但是有很多初學者可能會它們瞭解的不夠精準，下面就通過程式碼例項介紹一下它們兩者的作用和區別，希望能夠給需要的朋友帶來一定的幫助。

1.cellpadding:

看它的名稱就知道它和padding有點類似。

它是用來設定單元格中文字內容和邊框之間的距離。

2.cellspacing:

cell是單元格的意思，那麼從字面意思是設定單元格之間或者單元格與外圍邊框的距離，事實也的確如此。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html><html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>table細線表格-螞蟻部落</title>
<style type="text/css"> 
table,table td{
  border:2px solid blue;
}
</style> 
</head> 
<body> 
<table cellpadding="5" cellspacing="10">
  <tr>
    <td>螞蟻部落一</td>
    <td>螞蟻部落二</td>
    <td>螞蟻部落三</td>
    <td>螞蟻部落四</td>
  </tr>
  <tr>
    <td>螞蟻部落一</td>
    <td>螞蟻部落二</td>
    <td>螞蟻部落三</td>
    <td>螞蟻部落四</td>
  </tr>
  <tr>
    <td>螞蟻部落一</td>
    <td>螞蟻部落二</td>
    <td>螞蟻部落三</td>
    <td>螞蟻部落四</td>
  </tr>
</table>
</body> 
</html>

相關文章