CSS也能控制表格的交替颜色_CSS/HTML

复制代码 代码如下:

<style type="text/css">
 <!--
 tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}
 -->
 </style>
 </HEAD>
 <table>
 <tr><td>第1行</td><td>第1行</td></tr>
 <tr><td>第2行</td><td>第2行</td></tr>
 <tr><td>第3行</td><td>第3行</td></tr>
 <tr><td>第4行</td><td>第4行</td></tr>
 <tr><td>第5行</td><td>第5行</td></tr>
 </table>

时间: 2024-11-28 19:15:48

CSS也能控制表格的交替颜色_CSS/HTML的相关文章

利用CSS控制表格的交替颜色

css|控制 <style type="text/css"><!--tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}--></style></HEAD><table><tr><td>第1行</td><td>第1行</td><

C#可以用文件流输出excel表格并且控制表格的背景颜色吗?

问题描述 不用excel对象操作因为客户机器很可能不安装可以直接用文件流来操作excel的背景吗求方法 解决方案 解决方案二:可以用第三方插件(dll)不过NPOI对于设置单元格背景有BUG,设置了之后执行会报错找找别的第三方dll吧,很多种类的解决方案三:流,不可以.有没有excel的背景色感觉对数据没有多大用.关键还是输入效率及数据的正确性.解决方案四:excel可接受多种数据格式,只有excel自己的数据格式需要使用excel对象而XML.HTML等都可以以流方式输出

用CSS和表格代码实现每行交替颜色的效果比较

css|比较 用CSS写出表格每行交替颜色的效果 关于用CSS定义,来表现出表格每行不同的颜色,用来区分每行数据,方便阅读.其中有的是利用IE的BUG,在CSS里面添加动态的内容,IE会解析它,这个先不谈,因为和主题没有关系. 还看到几个很简单的方法,利用给不同的标签不同的背景色达到效果,先看这个方法的CSS th {font-weight: normal; text-align:left; background: #CCCCCC} td {background: #FAFAFA} 页面代码 <

CSS控制表格——制作日历

表格是网页上最常见的元素,除了用它来显示数据,还常被用来排版.这一次我们就来学习如何用CSS控制表格. 一.表格中的标记 表格(<table>标记)在最初HTML设计时,仅仅是用来存放各种数据的. 下图是一个没有使用任何CSS修饰的表格: 二.表格的颜色 表格的颜色设置与文字颜色设置完全一样,通过color属性设置表格中文字的颜色,通过background属性设置表格的背景颜色. 三.表格的边框 border属性是用来设置表格边框的粗细的,当设置其值为0时,表明表格没有边框. borderco

关于CSS控制表格文字样式的研究

即使在DIV满天飞的今天,Table在网页的布局中还是少不了的,因为当需要输出数据时,Table布局远远比DIV布局有优势,而且同样的我们可以通过CSS来控制表格样式.要知道WEB标准并非是通篇的DIV+CSS,而是倡导采用更合理的语义标签来进行布局. 文字的对齐方式一直是排版的重中之重,特别是对于数据显示来说,如何才能让众多的数据的可读性更强可识别性更高呢? 先来看表格一的文字对齐,这无疑是最失败的对齐方式.表格标题<th />标签内容默认是居中对齐的,可是当把<td />标签的

知识:CSS方便地控制用户浏览网页时使用的光标

css|光标|控制|网页 CSS允许你控制网页外观和布局的各个方面--包括字体.页边空白和光标.不错,从CSS 2.1开始,你就可以方便地控制用户浏览网页时使用的光标. 标准的CSS光标呈箭头状,一般来说,它都能满足一个网页或网站的需求,但有些时候你可能需要使用其它的光标.在这些情况下,CSS标准提供了众多选项. CSS光标类型 下表概括说明了CSS标准中的一些光标类型. 默认光标:使用标准的箭头. 手状光标:光标呈手形,食指伸出. 指针状光标:与手状光标相同. 十字线光标:使用十字光标(一个加

使用CSS和Javascript控制网页图片宽度的大小

JorWang の 小喇叭:『 最近比較忙啊,暫時不更新了,大家玩得開心點哦!O(∩_∩)O~ 』 刚刚看到两个控制网页图片宽度的大小的方法,觉得很好很方便,特此分享给大家. 第一个方法是使用CSS来实现控制大小: img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:exp

javascript 使用DOM控制表格及表单实例教程

使用DOM控制表格 表格常用的DOM 表格添加操作的方法常用的为insertRow()和insertCell()方法. row是从零开始计算起的,例如: var oTr = document.getElementById("member").insertRow(2) 是指将新行添加到第二行. var aText = new Array();    aText[0] = document.createTextNode("fresheggs");    aText[1]

JS实现控制表格行文本对齐的方法_javascript技巧

本文实例讲述了JS实现控制表格行文本对齐的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以控制表格内的整行文本向左或者向右对齐 <!DOCTYPE html> <html> <head> <script> function leftAlign() { document.getElementById('header').align="left"; } </script> </head> <body&g