濮阳杆衣贸易有限公司

主頁 > 知識(shí)庫(kù) > 推薦一篇利用th,colgroup,col定義表格樣式

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

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需再刷新一下頁面才能執(zhí)行]

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

標(biāo)簽：陽泉 濱州 東莞 遼源 南充 海東 邯鄲 喀什

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《推薦一篇利用th,colgroup,col定義表格樣式》，本文關(guān)鍵詞  推薦,一篇,利用,colgroup,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《推薦一篇利用th,colgroup,col定義表格樣式》相關(guān)的同類信息！
  • 本頁收集關(guān)于推薦一篇利用th,colgroup,col定義表格樣式的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章
    务川| 德兴市| 舒城县| 仁布县| 凯里市| 资源县| 吉安市| 高阳县| 汕尾市| 高平市| 资阳市| 儋州市| 察哈| 文成县| 岱山县| 长治市| 新野县| 太保市| 靖宇县| 余姚市| 新乡市| 澄迈县| 水富县| 墨江| 千阳县| 宝兴县| 滁州市| 澄迈县| 昌乐县| 乌兰察布市| 黄陵县| 府谷县| 哈巴河县| 长顺县| 当阳市| 太原市| 娄底市| 西平县| 宜宾市| 麻阳| 平定县|