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

主頁(yè) > 知識(shí)庫(kù) > 漂亮的表格

漂亮的表格

熱門標(biāo)簽:網(wǎng)站文章發(fā)布 智能手機(jī) 檢查注冊(cè)表項(xiàng) 美圖手機(jī) 鐵路電話系統(tǒng) 呼叫中心市場(chǎng)需求 服務(wù)器配置 銀行業(yè)務(wù)

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
html xmlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
title>CSS Tables/title>
link href="styles.css" rel="stylesheet" type="text/css" />
/head>
style type="text/css">
/* CSS Document */

body {
 font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #4f6b72;
 background: #E6EAE9;
}

a {
 color: #c75f3e;
}

#mytable {
 width: 700px;
 padding: 0;
 margin: 0;
}

caption {
 padding: 0 0 5px 0;
 width: 700px; 
 font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
}

th {
 font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #4f6b72;
 border-right: 1px solid #C1DAD7;
 border-bottom: 1px solid #C1DAD7;
 border-top: 1px solid #C1DAD7;
 letter-spacing: 2px;
 text-transform: uppercase;
 text-align: left;
 padding: 6px 6px 6px 12px;
 background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
 border-top: 0;
 border-left: 0;
 border-right: 1px solid #C1DAD7;
 background: none;
}

td {
 border-right: 1px solid #C1DAD7;
 border-bottom: 1px solid #C1DAD7;
 background: #fff;
 font-size:11px;
 padding: 6px 6px 6px 12px;
 color: #4f6b72;
}


td.alt {
 background: #F5FAFA;
 color: #797268;
}

th.spec {
 border-left: 1px solid #C1DAD7;
 border-top: 0;
 background: #fff url(images/bullet1.gif) no-repeat;
 font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
 border-left: 1px solid #C1DAD7;
 border-top: 0;
 background: #f5fafa url(images/bullet2.gif) no-repeat;
 font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #797268;
}
/*---------for IE 5.x bug*/
html>body td{ font-size:11px;}
/style>
body>
table id="mytable" cellspacing="0" summary="The technical specifications of the Apple PowerMac G5 series">
caption>nbsp;/caption>
  tr>
    th scope="col" abbr="Configurations" class="nobg">Configurations/th>

    th scope="col" abbr="Dual 1.8">Dual 1.8GHz/th>
    th scope="col" abbr="Dual 2">Dual 2GHz/th>
 th scope="col" abbr="Dual 2.5">Dual 2.5GHz/th>
  /tr>
  tr>
    th scope="row" abbr="Model" class="spec">lipeng/th>
    td>M9454LL/A/td>

    td>M9455LL/A/td>
    td>M9457LL/A/td>
  /tr>
  tr>
    th scope="row" abbr="G5 Processor" class="specalt">mapabc/th>
    td class="alt">Dual 1.8GHz PowerPC G5/td>
    td class="alt">Dual 2GHz PowerPC G5/td>

    td class="alt">Dual 2.5GHz PowerPC G5/td>
  /tr>
  tr>
    th scope="row" abbr="Frontside bus" class="spec">地圖名片/th>
    td>900MHz per processor/td>
    td>1GHz per processor/td>
    td>1.25GHz per processor/td>

  /tr>
  tr>
    th scope="row" abbr="L2 Cache" class="specalt">圖秀卡/th>
    td class="alt">512K per processor/td>
    td class="alt">512K per processor/td>
    td class="alt">512K per processor/td>
  /tr>

/table>

/body>
/html>

標(biāo)簽:上海 樂(lè)山 紅河 長(zhǎng)治 沈陽(yáng) 滄州 新疆 河南

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

    • 400-1100-266
    宁武县| 石台县| 临清市| 吴桥县| 襄汾县| 东宁县| 石景山区| 瑞安市| 嵊州市| 彭阳县| 浠水县| 油尖旺区| 余江县| 大方县| 富源县| 尉犁县| 奇台县| 琼结县| 木里| 永济市| 忻州市| 保德县| 丹阳市| 和平区| 涞水县| 保康县| 黄石市| 苏尼特左旗| 门头沟区| 拜泉县| 苍山县| 涞水县| 故城县| 新竹县| 大理市| 淮北市| 琼中| 泸水县| 永兴县| 织金县| 南召县|