注册 | 登陆

您的位置：阿里西西 > 网页特效 > 页面特效 > 详细内容

0顶

一个非常漂亮的表格样式

稿源：互联网 2022-06-19 02:39:03 点击： 3992 撤稿纠错

一个非常漂亮的表格样式，可参考他的css代码。

以下讨论的是和相关的一个非常漂亮的表格样式教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><meta content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" name="keywords" /><meta content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" name="description" /><link rel="stylesheet" type="text/css" href="styles.css" /><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; } #zzjs_net {     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><a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。
<hr /><table id="zzjs_net" cellspacing="0" summary="The technical specifications of the Apple PowerMac G5 series">    <caption></caption>    <tbody>        <tr>            <th class="nobg" abbr="Configurations" scope="col">zzjs.net</th>            <th abbr="Dual 1.8" scope="col">Dual 1.8GHz</th>            <th abbr="Dual 2" scope="col">Dual 2GHz</th>            <th abbr="Dual 2.5" scope="col">Dual 2.5GHz</th>        </tr>        <tr>            <th class="spec" abbr="Model" scope="row">lipeng</th>            <td>M9454LL/A</td>            <td>M9455LL/A</td>            <td>M9457LL/A</td>        </tr>        <tr>            <th class="specalt" abbr="G5 Processor" scope="row">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 class="spec" abbr="Frontside bus" scope="row">地图名片</th>            <td>900MHz per processor</td>            <td>1GHz per processor</td>            <td>1.25GHz per processor</td>        </tr>        <tr>            <th class="specalt" abbr="L2 Cache" scope="row">图秀卡</th>            <td class="alt">www.zzjs.net</td>            <td class="alt">www.zzjs.net</td>            <td class="alt">www.zzjs.net</td>        </tr>    </tbody></table>

关于一个非常漂亮的表格样式的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016299962371.shtml方便下次再访问哦。

·上一篇： li隔行换色的示例
·下一篇： 几款漂亮的js翻页样式

相关阅读

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

最新游戏

更多 »

最新新闻

更多 »