table布局

table布局基本格式

    

        

           

              
姓名
              
学号
              
成绩
           
        
        

           

              
张三
              
12
              
89
           
           

              
李四
              
22
              
90
           
        
        

        
    

姓名	学号	成绩
张三	12	89
李四	22	90

tr 表示行，td表示列，th表示表头标题
最终上面的代码形成下面对应的表格

下面我们一起看看table的属性有哪些呢？

1. border：给表格及单元格加边框，属性值可以是1、2、3......
2. width: 设置整个表格的宽
3. height：设置整个表格的高
4. 注意：设置完表格的宽高后，每个单元格的宽高会自动分配
5. border-spacing:0;控制单元格之间的空白为0
6. border-collapse:collapse; 设置各单元格边宽以及外边宽重叠；
7. cellpadding：设置内容与边框的距离

合并单元格的问题

1. colspan 跨行合并
2. rowspan 跨列合并