Html：正确给table表格加边框

表格代码

      
        
          序号
          姓名
          年龄
        
      
      
        
          1
          Tom
          23
        

        
          2
          Jack
          24
        

        
          3
          Steve
          25
        
      
    

默认显示

方式一：属性方式

给表格加边框

效果

方式二：css方式（推荐）

table,
td,
th {
  text-align: center;
  border: 1px solid #000;
  border-collapse: collapse;
}

table td {
  padding: 10px 30px;
}

加上边框之后

在线示例：https://mouday.github.io/front-end-demo/table-border.html

参考

1. Html-浅谈如何正确给table加边框
2. css中的border-collapse属性如何设置表格边框线？（代码示例）