這篇文章主要介紹css設置表格樣式的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯專注于企業(yè)全網整合營銷推廣、網站重做改版、扎蘭屯網站定制設計、自適應品牌網站建設、H5響應式網站、商城網站制作、集團公司官網建設、成都外貿網站建設公司、高端網站制作、響應式網頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為扎蘭屯等各大城市提供網站開發(fā)制作服務。

1、一個簡單的表格
table.html

    
    
    
  
  

      
課程表
        

            
星期\課程
            
星期一
            
星期二
            
星期三
            
星期四
            
星期五
      
      

            
1-2節(jié)
            
數學
            
語文
            
化學
            
英語
             
英語
      

      

            
3-4節(jié)
            
英語
            
物理
            
化學
            
英語
             
體育
      

      

            
5-6節(jié)
            
數學
            
物理
            
體育
            
化學
            
美術
      

      

            
7-8節(jié)
            
數學
            
美術
            
化學
            
英語
            
體育
      
      

            
9-10節(jié)
            
生物
            
美術
            
生物
            
英語
            
物理
      
    
  
  

table.css

table,td,th{
    border:1px solid #aaa;    
    font-size: 23px;
    }

2、邊框合并：boder-collapse
屬性值：
separate;（分開，默認）
collapse;（合并）

table.css

table,td,th{
    border:1px solid #aaa;    
    font-size: 23px;    
    border-collapse:collapse;
    }

3、邊框間距border-spacing(前提是：border-collapse:separate;)

table.css

table,td,th{
    border:1px solid #aaa;    
    font-size: 23px;    
    border-collapse:separate;    
    border-spacing: 45px;
    }

4、設置表格標題的位置caption-side
屬性值：
       top;//默認
       bottom;
       left;
       right;

table.css

table,td,th{
    border:1px solid #aaa;    
    font-size: 23px;    
    border-collapse:separate;    
    border-spacing: 45px;    
    caption-side:bottom;
    }

5、當單元格對象寬度超過單元格所定義的寬度時，可用table-layout：fixed保持表格寬度不被改變
屬性值：auto(默認)
       fixed(寬度固定)
table.css

table,td,th{
    border:1px solid #aaa;
        font-size: 23px;    
        border-collapse:separate;    
        border-spacing: 5px;    
        table-layout: fixed;    
        caption-side:top;
        }

以上是css設置表格樣式的方法的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯網站制作公司行業(yè)資訊頻道！

網頁題目：css設置表格樣式的方法-創(chuàng)新互聯
文章來源：http://weahome.cn/article/dosess.html