婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > 使用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實現表格實現標題合并的實例代碼的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 巫山县| 大英县| 常山县| 横峰县| 六盘水市| 平塘县| 东安县| 锡林郭勒盟| 名山县| 祁东县| 宣汉县| 普陀区| 六安市| 新余市| 林芝县| 堆龙德庆县| 永年县| 临猗县| 方城县| 察哈| 鄂托克前旗| 和静县| 呼玛县| 阿鲁科尔沁旗| 呼图壁县| 白沙| 兰州市| 香格里拉县| 石林| 宁化县| 简阳市| 葫芦岛市| 石渠县| 江油市| 科技| 宝山区| 德江县| 湟源县| 香格里拉县| 靖宇县| 梁平县|