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

主頁 > 知識庫 > 推薦一篇利用th,colgroup,col定義表格樣式

推薦一篇利用th,colgroup,col定義表格樣式

熱門標簽:北川縣地圖標注 移動400辦理電話 沈陽智能外呼系統排名 荒野大鏢客2地圖標注怎么變中文 蘇州通信外呼系統多少錢 中國地圖標注各省份 武漢人工外呼系統 山西旅游景地圖標注 上古卷軸5地圖標注mod
定義表格各列的樣式,不用每個td都在那里加一堆的Class,利用th,colgroup,col等屬性,輕松搞定^_^
代碼如下:
復制代碼 代碼如下:

style>
table.Demo {
  border-collapse: collapse;
  color: #454545;
  font: 11px/150% Verdana, Arial, Helvetica, sans-serif;
}
table.Demo th {
  padding: 3px 7px;
  border: 1px solid #f60;
  border-width: 2px 1px 1px;
  background: #ffffe1;
}
table.Demo td {
  padding: 3px 7px;
  border: 1px solid #f60;
}
table.Demo col.Col1 {
  text-align: right;
  background: #f5f5f5;
}
table.Demo col.Col2 {
  color: #00c;
}
table.Demo col.Col3 {
  font-style: italic;
}
/style>
table class="Demo">
  tr>
    th>TagName/th>
    th>ClassName/th>
    th>CSS/th>
  /tr>
  colgroup>
    col class="Col1" />
    col class="Col2" />
    col class="Col3" />
  /colgroup>
  tr>
    td>table/td>
    td>Demo/td>
    td>border-collapse: collapse;br />color: #454545;br />font: 11px/150% Verdana, Arial, Helvetica, sans-serif;/td>
  /tr>
  tr>
    td>th/td>
    td>/td>
    td>padding: 3px 7px;br />border: 1px solid #f60;br />border-width: 2px 1px 1px;br />background: #ffffe1;/td> 
  /tr>
  tr>
    td>td/td>
    td>/td>
    td>padding: 3px 7px;br />border: 1px solid #f60;/td>
  /tr>
  tr>
    td>col/td>
    td>Col1/td>
    td>text-align: right;br />background: #f5f5f5;/td>
  /tr>
  tr>
    td>col/td>
    td>Col2/td>
    td>color: #00c;/td>
  /tr>
  tr>
    td>col/td>
    td>Col3/td>
    td>font-style: italic;/td>
  /tr>
/table>

拋磚引玉,更多效果就由你DIY了!

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執行]

您可能感興趣的文章:
  • 一個簡單但常用的javascript表格樣式_鼠標劃過行變色 簡潔實現
  • srcElement表格樣式
  • repeater、gridview 在綁定時判斷判斷顯示不同的行樣式或文本
  • js奇偶數判斷的代碼
  • jquery實現表格奇數偶數行不同樣式(有圖為證及實現代碼)

標簽:陽泉 濱州 東莞 遼源 南充 海東 邯鄲 喀什

巨人網絡通訊聲明:本文標題《推薦一篇利用th,colgroup,col定義表格樣式》,本文關鍵詞  推薦,一篇,利用,colgroup,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《推薦一篇利用th,colgroup,col定義表格樣式》相關的同類信息!
  • 本頁收集關于推薦一篇利用th,colgroup,col定義表格樣式的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 南开区| 松潘县| 肇源县| 平远县| 筠连县| 米易县| 家居| 连平县| 徐闻县| 修水县| 隆回县| 思茅市| 丰县| 阜南县| 雷山县| 鹤庆县| 灵丘县| 荆州市| 贵南县| 新民市| 绥宁县| 马山县| 广德县| 宜兰市| 唐海县| 平武县| 蓝田县| 咸丰县| 巴东县| 科技| 乌拉特后旗| 天镇县| 普兰店市| 鄂托克前旗| 景谷| 双城市| 德兴市| 潍坊市| 建平县| 崇文区| 上犹县|