<style>
    .table{border:1px solid;}
    table,tr,th,td{
        border:1px solid blue;
    }
    table{text-align:center;} 
    </style>

补充一下，重复定义了table标签，第二行可以去掉

<style>
    .table{border:1px solid;}
    table,tr,th,td{
        border:1px solid blue;
    }
    table{text-align:center;} 
    </style>

此操作实现了表格的添加及内容的居中，但单元格的间隙合并问题，以及表格整体的居中问题没有解决

border:1px solid