以css产生异行异色的table

原创 2004年07月01日 10:48:00

代码:
background-color:expression((this.previousSibling&&this.previousSibling.style.backgroundColor=="lightskyblue")?"LightSteelBlue":"lightskyblue");

适用:ie5.5以上浏览器

范例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
table.table1 TR
{
    BACKGROUND-COLOR: expression((this.previousSibling&&this.previousSibling.style.backgroundColor=="lightskyblue")?"LightSteelBlue":"lightskyblue");
}
</style>
</head>
<table class="table1" cellspacing="1" cellpadding="1" width="80%" align="center" border="1">
  <tr>
    <td>ab</td>
    <td>ab</td>
    <td>ab</td>
    <td>ab</td></tr>
  <tr>
    <td>cd</td>
    <td>cd</td>
    <td>cd</td>
    <td>cd</td></tr>
  <tr>
    <td>ef</td>
    <td>ef</td>
    <td>ef</td>
    <td>ef</td></tr>
  <tr>
    <td>gh</td>
    <td>gh</td>
    <td>gh</td>
    <td>gh</td></tr>
  <tr>
    <td>ij</td>
    <td>ij</td>
    <td>ij</td>
    <td>ij</td></tr>
  <tr id="a">
    <td>kl</td>
    <td>kl</td>
    <td>kl</td>
    <td>kl</td></tr>
  <tr>
    <td>mn</td>
    <td>mn</td>
    <td>mn</td>
    <td>mn</td></tr>
  <tr>
    <td>op</td>
    <td>op</td>
    <td>op</td>
    <td>op</td></tr></table>
<body>
</body>
</html>

 

ab ab ab ab
cd cd cd cd
ef ef ef ef
gh gh gh gh
ij ij ij ij
kl kl kl kl
mn mn mn mn
op op op op

一种简单的table异或加密算法

 一种简单的table异或加密算法
  • chence19871
  • chence19871
  • 2014年08月04日 10:31
  • 1370

好看的css样式 table样式

table{ border-bottom:1px solid silver; border-right:1px solid silver; width:100%; } .bordered { ...
  • jiana227
  • jiana227
  • 2015年05月19日 17:49
  • 3158

table借助css样式美化例子-添加员工信息

table借助css样式美化例子,好看的table的样式和布局,css美化
  • u012767607
  • u012767607
  • 2017年03月30日 14:08
  • 1252

css 实现 table斜线表头

资费标准 table { border-collapse: collapse; border: 1px #e3e3e3 solid; width: 96%; margin: 0 auto; ...
  • shmi_lyda
  • shmi_lyda
  • 2015年07月23日 16:40
  • 6819

css实现table锁定表头

在做项目中,碰到表格数据全部加载,不要分页,就需要锁定表头的业务。自己也上网搜了一些资料, 1.css+html实现 一般的思路就是两个table拼接,不过问题是上下表单可...
  • muyi8805
  • muyi8805
  • 2015年07月13日 22:13
  • 1563

CSS样式表进行table水平居中、垂直居中、自动填充

最近,在用CSS+DIV做一个静态网页,做完了才发现所有的页面在不同的机器上显示很是有问题,没有进行水平居中和垂直居中,并且宽屏下,两边留白太难看。可是要是修改所有的html页面,可是有700多个~~...
  • qq_39061832
  • qq_39061832
  • 2017年07月24日 20:45
  • 439

制作好看又非常简单CSS样式的颜色块

在这里我将我最近学到的CSS样式的渐变颜色块记录下来
  • qq_28499043
  • qq_28499043
  • 2015年08月25日 18:49
  • 2392

纯css实现table表头固定

页面table通常都需要做表头固定,参考了n种实现方式,最终还是选择了用纯css来做表头固定,只是因为方便,易于调试。 css代码如下,table通用,仅供参考。          tab...
  • xiaojunjuns1
  • xiaojunjuns1
  • 2017年07月10日 15:47
  • 2094

HTML5 CSS控制Table内外边框、颜色、大小示例

//联系人:石虎  QQ: 1224614774 昵称:嗡嘛呢叭咪哄 在默认的情况下,我们的CSS将Table的边框清除掉了,下面与大家分享下CSS控制Table内外边框、颜色、大小的...
  • shihuboke
  • shihuboke
  • 2017年06月11日 16:46
  • 5325

CSS属性之表格(Table)

CSS属性之表格(Table) HTML为表格定义了3个元素用于对行进行分组,它们是 thead (表头)、tbody (表格主体)、tfoot (脚注)。 在HTML4中文档结构中的 tfoot...
  • wozaixiaoximen
  • wozaixiaoximen
  • 2014年12月27日 15:51
  • 1145
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:以css产生异行异色的table
举报原因:
原因补充:

(最多只允许输入30个字)