CSS 樣式CSS cellspacing & cellpadding 對應屬性(網頁表格)

CSS cellspacing & cellpadding 對應屬性


border-collapse: separate;

#div-name table {
  border-collapse: separate;
  border-spacing: 2px; /*cellspacing */
}
#div-name table td {
  padding: 10px; /*cellpadding*/
}


border-collapse: collapse; (cellspacing)

#div-name table {
  border-collapse: collapse;
  border-spacing: 0px; /*cellspacing */
}
cellpadding
#div-name table td {
  padding: 10px; /*cellpadding*/
}



border-collapse: separate; 設置單元格各別的邊線

相鄰邊被合併、表格內的 td 邊是合併在一起、是無法設置單元格各別的邊線。邊框獨立 separate 的情況下才能設置單元格各別的邊線。