Code of a table-based fine-line table instance and a table-based fine-line table instance

Code of a table-based fine-line table instance and a table-based fine-line table instance

Code of the line table instance implemented by table:
The table type is easier to implement. However, by default, the table appearance is not satisfactory, mainly because it cannot achieve the effect of a thin-line table, the following is a brief introduction of how to achieve the effect of a line-by-line table.
The Code is as follows:

<! DOCTYPE html> 
The above code implements the effect of the Thin-line table we want. The principle is very simple. It is to set the background color of the entire table and cell, and then set its cellspacing attribute, that is, the distance between cells, in this way, the background color of the table is displayed, forming a thin line effect. Note that the cell is transparent by default, so you must set the background color to white. Otherwise, the background color of the table is displayed.
Original address: http://www.51texiao.cn/HTML5jiaocheng/2015/0521/2124.html