table{
  border-collapse: collapse;               //相鄰邊被合併 
  background-color: #cccccc;             //設定表格背景色
  border-top: 1px solid #000000;        //設定表格上邊框顏色
  border-left: 1px solid #000000;        //設定表格左邊框顏色
  border-right: 1px solid #000000;      //設定表格右邊框顏色
  border-bottom: 1px solid #000000;  //設定表格下邊框顏色


}
td {
  border-right: 1px solid #000000;       //設定td顏色
  border-bottom: 1px solid #000000;   //
}

暫時就會這麼多

還有一個是html table屬性，表格挺好看的

屬性為<table border="1" width='100%' height='70%' cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" bordercolorlight="#000000" >

和上邊html屬性一樣的CSS表格樣式

table {
  background-color: #000000;
  border: 1px solid #ffffff;
}

td {
  background-color: #cccccc;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}