校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 使用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實現表格實現標題合并的實例代碼的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 温州市| 乐都县| 林西县| 昌黎县| 吕梁市| 商水县| 温宿县| 龙山县| 积石山| 南通市| 阳东县| 连云港市| 龙泉市| 桦川县| 重庆市| 桃江县| 马龙县| 西平县| 湘阴县| 南召县| 汽车| 博乐市| 漠河县| 隆回县| 林州市| 湘潭市| 吉首市| 汉川市| 衡阳市| 无为县| 东平县| 库尔勒市| 从江县| 贵阳市| 定南县| 于田县| 麦盖提县| 阳江市| 凌源市| 北票市| 辰溪县|