這篇文章給大家分享的是有關(guān)如何使用html5實(shí)現(xiàn)表格實(shí)現(xiàn)標(biāo)題合并的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)是專業(yè)的點(diǎn)軍網(wǎng)站建設(shè)公司，點(diǎn)軍接單;提供做網(wǎng)站、成都網(wǎng)站設(shè)計(jì),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行點(diǎn)軍網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

使用html5實(shí)現(xiàn)表格實(shí)現(xiàn)標(biāo)題合并的實(shí)例代碼

這樣的需求不在少數(shù)，比如表格中相鄰的列具有相同的內(nèi)容，那么標(biāo)題就完全可以使用一個(gè)，那么合并標(biāo)題就是十分重要的，讓用戶感覺也會(huì)更加人性化，代碼實(shí)例如下:

body{
  width:98%;
  height:100%;
  font-size:12px;
  background-color:#FCF;
  text-align:center;
}
#tab{
  width:100%;
  height:100%;
  font-size:12px;
  font-family:Verdana, Geneva, sans-serif Georgia, "Times New Roman", Times, serif;
  font-weight:bolder;
  background-color:#9F0;
}




  
    序號
    王五
    李四
    孫傳
    胡平
    合計(jì)
  
  
    語文
    數(shù)學(xué)
    語文
    數(shù)學(xué)
    語文
    數(shù)學(xué)
    語文
    數(shù)學(xué)
  
  
    1
    78
    96
    67
    98
    88
    75
    94
    69
     
  
  
    2
    89
    68
    77
    87
    84
    76
    71
    87
     
  
  
    3
    75
    78
    89
    74
    65
    68
    98
    90
    
  
  
    4
    79
    89
    65
    62
    64
    87
    97
    91
    
  
  
    5
    89
    96
    67
    76
    74
    84
    67
    81
    
  
  
    6
    94
    90
    97
    74
    62
    81
    78
    78
    
  
  
    7
    78
    89
    77
    87
    45
    86
    77
    98
    
  
  
    8
    65
    67
    94
    68
    87
    69
    78
    68
    
  
  
    9
    86
    98
    87
    87
    65
    78
    98
    79
    
  
  
    10
    88
    75
    77
    97
    97
    77
    70
    87
    
  

感謝各位的閱讀！關(guān)于“如何使用html5實(shí)現(xiàn)表格實(shí)現(xiàn)標(biāo)題合并”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！