好湿?好紧?好多水好爽自慰,久久久噜久噜久久综合,成人做爰A片免费看黄冈,机机对机机30分钟无遮挡

主頁 > 知識庫 > 使用html5實現表格實現標題合并的實例代碼

使用html5實現表格實現標題合并的實例代碼

熱門標簽:地圖標注軟件打印出來 電話機器人技術 惡搞電話機器人 高德地圖標注商戶怎么標 ok電銷機器人 欣鼎電銷機器人 效果 如何查看地圖標注 黃石ai電銷機器人呼叫中心 智能電銷機器人被禁用了么

使用html5實現表格實現標題合并的實例代碼

這樣的需求不在少數,比如表格中相鄰的列具有相同的內容,那么標題就完全可以使用一個,那么合并標題就是十分重要的,讓用戶感覺也會更加人性化,代碼實例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>web前端學習扣qun:731771211  每日分享技術,學術交流</title>
<style type="text/css">
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;
}
</style>
</head>
<body>
<table id="tab" cellpadding="1" cellspacing="1" border="1">
  <tr>
    <th rowspan="2">序號</th>
    <th colspan="2">王五</th>
    <th colspan="2">李四</th>
    <th colspan="2">孫傳</th>
    <th colspan="2">胡平</th>
    <th rowspan="2">合計</th>
  </tr>
  <tr>
    <th>語文</th>
    <th>數學</th>
    <th>語文</th>
    <th>數學</th>
    <th>語文</th>
    <th>數學</th>
    <th>語文</th>
    <th>數學</th>
  </tr>
  <tr>
    <th>1</th>
    <th>78</th>
    <th>96</th>
    <th>67</th>
    <th>98</th>
    <th>88</th>
    <th>75</th>
    <th>94</th>
    <th>69</th>
    <th> </th>
  </tr>
  <tr>
    <th>2</th>
    <th>89</th>
    <th>68</th>
    <th>77</th>
    <th>87</th>
    <th>84</th>
    <th>76</th>
    <th>71</th>
    <th>87</th>
    <th> </th>
  </tr>
  <tr>
    <th>3</th>
    <th>75</th>
    <th>78</th>
    <th>89</th>
    <th>74</th>
    <th>65</th>
    <th>68</th>
    <th>98</th>
    <th>90</th>
    <th></th>
  </tr>
  <tr>
    <th>4</th>
    <th>79</th>
    <th>89</th>
    <th>65</th>
    <th>62</th>
    <th>64</th>
    <th>87</th>
    <th>97</th>
    <th>91</th>
    <th></th>
  </tr>
  <tr>
    <th>5</th>
    <th>89</th>
    <th>96</th>
    <th>67</th>
    <th>76</th>
    <th>74</th>
    <th>84</th>
    <th>67</th>
    <th>81</th>
    <th></th>
  </tr>
  <tr>
    <th>6</th>
    <th>94</th>
    <th>90</th>
    <th>97</th>
    <th>74</th>
    <th>62</th>
    <th>81</th>
    <th>78</th>
    <th>78</th>
    <th></th>
  </tr>
  <tr>
    <th>7</th>
    <th>78</th>
    <th>89</th>
    <th>77</th>
    <th>87</th>
    <th>45</th>
    <th>86</th>
    <th>77</th>
    <th>98</th>
    <th></th>
  </tr>
  <tr>
    <th>8</th>
    <th>65</th>
    <th>67</th>
    <th>94</th>
    <th>68</th>
    <th>87</th>
    <th>69</th>
    <th>78</th>
    <th>68</th>
    <th></th>
  </tr>
  <tr>
    <th>9</th>
    <th>86</th>
    <th>98</th>
    <th>87</th>
    <th>87</th>
    <th>65</th>
    <th>78</th>
    <th>98</th>
    <th>79</th>
    <th></th>
  </tr>
  <tr>
    <th>10</th>
    <th>88</th>
    <th>75</th>
    <th>77</th>
    <th>97</th>
    <th>97</th>
    <th>77</th>
    <th>70</th>
    <th>87</th>
    <th></th>
  </tr>
</table>
</body>
</html>

總結

以上所述是小編給大家介紹的使用html5實現表格實現標題合并的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!

標簽:萍鄉 盤錦 綏化 金昌 聊城 中山 阿壩 赤峰

巨人網絡通訊聲明:本文標題《使用html5實現表格實現標題合并的實例代碼》,本文關鍵詞  使用,html5,實現,表格,標題,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《使用html5實現表格實現標題合并的實例代碼》相關的同類信息!
  • 本頁收集關于使用html5實現表格實現標題合并的實例代碼的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 日本三级11k影院在线| 成人无码区免费A片在线软件| 日本大尺度在线观看| 涩app色版网站免费| 亚洲图片欧美另类| 好男人www在线观看免费 | 成年视频国产免费观看| 欧美中文一区| 春草电视剧全集免费版观看| 91色琪琪电影亚洲精品久久| 国产午夜福利一区二区| 婚色阿花在线全文免费笔| 日本特黄特色大片免费观看| 李宗瑞李丽珍三级在线播放| 男女无遮挡动态图视频| 村干部摸吃奶无删减版| 伊川县| 第四色激情小说| 国产精品美女视频| 一级毛片免费一级直接观看| 美女黄网站永久免费观看网站| 美女胸又www又黄的网站视频| 亚洲综合91社区精品福利| 亚洲AV秘?无码一区在线播放| 亚洲呦女| 欧美另类videos黑人极品| 偷拍大众女澡堂洗澡com| 在线はじめてのおるすばん| 一女多男共妻被4P高H| 97人妻人人澡人人爽人人学生| 夕阳老人亮老根大小便| 黄色六级片| 棉签×迷你受r图| 波多野结衣视频在线观看| 乖乖女被老教授侵犯H| jizzz老师| 亚洲天堂成人| Av偷拍一区二区97色伦综合| 奇米影视一区二区三区| 抵着她凶猛撞击宫口| AAA日本高清在线播放免费观看|