<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>表格细线边框</title> <style> table{ width: 500px; height: 500px; border :1px solid red; } td{ border :1px solid red; text-align: center; } table, td{ border-collapse: collapse; 合并单元格边框 } </style> </head> <body> <table cellpadding="0" cellspacing="0"> <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>
主要是学习合并单元格边框，要对已学的内容不断梳理和复习。