佳木斯湛栽影视文化发展公司

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

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

熱門標(biāo)簽:鐵路電話系統(tǒng) 服務(wù)器配置 呼叫中心市場需求 檢查注冊表項 智能手機(jī) 美圖手機(jī) 銀行業(yè)務(wù) 網(wǎng)站文章發(fā)布
定義表格各列的樣式,不用每個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í)行]

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

標(biāo)簽:樂山 沈陽 滄州 紅河 河南 上海 新疆 長治

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《推薦一篇利用th,colgroup,col定義表格樣式》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    太湖县| 中阳县| 天津市| 珲春市| 临清市| 灵璧县| 大关县| 齐河县| 寿宁县| 东丰县| 巴中市| 来宾市| 福鼎市| 成安县| 和政县| 通山县| 武川县| 卓资县| 井陉县| 南岸区| 当阳市| 扎囊县| 兴宁市| 普宁市| 陕西省| 正镶白旗| 吉首市| 大邑县| 湛江市| 全椒县| 陇西县| 色达县| 郧西县| 闸北区| 唐海县| 黄石市| 丹阳市| 景洪市| 青阳县| 顺昌县| 漾濞|