CSS_表格属性

一.属性内容

• 表格边框

• 折叠边框

• 表格宽度和高度

• 表格文字对齐

• 表格填充

• 表格颜色

二.属性详解

• 表格边框

  指定CSS表格边框，使用border属性

  table {
      border: 1px solid black;
  }

• 折叠边框

  border-collapse 属性设置表格的边框是否被折叠成一个单一的边框 或隔开

  table {
      border-collapse:collapse;
  }

• 表格宽度和高度

  width和height属性定义表格的宽度和高度

  table {
      width: num%;
      height: num%;
  }

• 表格文字对齐

  表格中的文本对齐和垂直对齐属性 text-align属性设置水平对齐方式，向左，右，或中心

  td {
      text-align:right;
  }

  垂直对齐属性设置垂直对齐：居上 top，居中 center，居下bottom

  td {
      vertival-align: 值;
  }

• 表格填充

  如果在表的内容中控制空格之间的边框，应使用td和th元素的填充属性

  td {
      padding: numpx;
  }

• 表格颜色

  指定表格边框的颜色

  table {
      background-color: 颜色值;
  }

三.实例

    
    
    
    
    


    
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    
哈哈
哈哈
哈哈
哈哈
哈哈
哈哈
哈哈
哈哈
哈哈