首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端 | 设置隔行变色单元格

问题描述 表格在日常生活中使用非常多,比如excel就是专门用来创建表格工具,表格就是用来表示一些格式化数据,比如:课程表、银行对账单。在网页中也可以来创建出不同表格。...在HTML中,使用table标签来创建一个表格,在table标签中使用tr来表示表格中一行,有几行就有几个tr,在tr中需要使用td来创建一个单元格。...如果表格中单元格比较多,那么可以设置隔行变色效果,就能让表格显得清晰和一目了然。设置隔行变色方法十分简单:可以给偶数(或奇数)行tr标记都设置上背景色效果就可以了。...解决方案 首先我们应该先写出一个简单表格,再在这个表格基础上添加颜色,合并单元格等。 ? ? 在此基础上,我们可以为表格设置隔行渐变色,以此来突出重点。添加代码如下: ? ?...接下来我们简单插入一张图片。(为了使表格尽可能美观,我们就变化一下表格样式。) ? ? 结语 兴趣是最好老师。在学习过程我们难免会遇到自己不愿意学东西。

1.8K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Excel技巧:使用上方单元格填充空单元格

    有时候,工作表列中有许多空单元格,而不是在每行都重复相同内容,这样可以使报表更容易阅读,然而也会导致一些问题,例如不方便排序或筛选数据。...如下图1所示,在列A中有一些空单元格,如果对列A进行筛选,则只会出现有内容单元格数据,因此空白单元格需要使用其上方单元格内容填充。...图1 首先,选择包含空单元格列,单击功能区“开始”选项卡“编辑”组中“查找和选择——定位条件”,在弹出“定位条件”对话框中勾选“空”前单选按钮。...然后,输入=号,按向上箭头键选择上方单元格,再按Ctrl+回车键,在所有被选择单元格中输入公式。 最后,选择列A,复制数据,然后在所选列中单击右键,选择“粘贴”命令。...完整操作过程如下图2所示。 图2 如果你经常遇到填充空单元格操作,那么可以使用宏来代替手工操作。

    3.3K30

    PHP 操作PHPExcel(设置字体、设置边框、合并单元格设置设置背景色、以及单元格内换行、单元格不以科学记数法显示等)

    ;//输出文件名称 header('Cache-Control: max-age=0');//禁止缓存 } 下面我们以年级、班级、学生成绩为例介绍一些常用样式(设置字体、设置边框、合并单元格...、设置设置背景色、以及单元格内换行、单元格不以科学记数法显示等) 首先我们建一个数据表并插入一些数据 insert.php----插入测试数据文件 <?...$scoreIndex . "3");//合并每个班级单元格 $objSheet->getStyle($nameIndex . "3:" ....$endGradeIndex . "2");//合并每个年级单元格 $objSheet->getStyle($gradeIndex . "2:" ....//设置所在位置 $layout=new PHPExcel_Chart_Layout(); $layout->setShowVal(true); $areas=new

    4.9K20

    问与答95:如何根据当前单元格高亮显示相应单元格

    excelperfect Q:这个问题很奇怪,需要根据在工作表Sheet1中输入数值高亮显示工作表Sheet2中相应单元格。...具体如下: 在一个工作簿中有两个工作表Sheet1和Sheet2,要求在工作表Sheet1中列A单元格中输入一个后,在工作表Sheet2中从列B开始相应单元格会基于这个高亮显示相应单元格。...例如,在工作表Sheet1单元格A2中输入2后,工作表Sheet2中从单元格B2开始两列单元格将高亮显示,即单元格B2和C2高亮显示;在工作表Sheet1单元格A3中输入3,工作表Sheet2...中从B3开始三列单元格将高亮显示,即单元格B3、C3和D3加亮显示,等等。...图2:在工作表Sheet2中结果 A:可以使用工作表模块中事件来实现。

    3.9K20

    VBA技巧:记住单元格更改之前

    标签:VBA,工作表事件 当工作表单元格被修改后,我需要将修改前放置到其右侧单元格中。例如,单元格A1中输入有数值1,当我将其内容修改为2之后,之前数值1被放置到单元格B2中。...Worksheets("Sheet1").Range("B1") = sOldValue Application.EnableEvents = True End If End Sub 这样,当在单元格...A1中重新输入时,原值会自动放置到单元格B1中。...当一列单元格区域中发生改变时,需要将修改之前放置到相邻列对应单元格中,例如对于单元格区域A1:A10,其发生改变时,原来会自动放置到单元格区域B1:B10对应单元格中。...Value = Target.Value Target.Value = sNewValue Application.EnableEvents = True End If End Sub 有兴趣朋友可以试试看

    31410

    使用VBA跨单元格分配

    标签:VBA 这是在exceloffthegrid.com中看到一个案例,一个非常有用节省时间宏:在单元格之间分配。...有几个选项: 1.添加一个含有21美元调整行 2.确定可以增加具体额度,以达到231美元总额 3.将21美元涨幅平均分摊到所有单元格 4.将21美元分摊到每一行项目中,使每个项目都能获得公平比例...If '获取去分配 apportionValue = Application.InputBox(Prompt:="要分配:", _ Title:="分配", Type:=1) '...此时,出现一个输入框,输入要分配,如下图2所示。 图2 单击“确定”后,出现一个消息框,如下图3所示,可以选择粘贴新还是包括公式,单击“确定”。 图3 结果如下图4所示。...根据原始,按比例分配21到所有单元格。 图4 欢迎在下面留言,完善本文内容,让更多的人学到更完美的知识。

    29720

    【CSS】CSS 背景设置 ③ ( 背景位置-长度设置 | 背景位置-长度方位同时设置 )

    文章目录 一、背景位置-长度设置 二、背景位置-长度方位同时设置 三、完整代码示例 一、背景位置-长度设置 ---- 长度设置 效果展示 : 设置背景位置为具体 10px 50px : 粉色区域是盒子区域...- x 轴方向 10 像素 , y 轴方向 50 像素 */ background-position: 10px 50px; 设置背景位置为具体 50px 10px : 粉色区域是盒子区域 ,...- x 轴方向 50 像素 , y 轴方向 10 像素 */ background-position: 50px 10px; 设置背景位置为具体 50px : 粉色区域是盒子区域 , 图片背景位于盒子位置...50px; 二、背景位置-长度方位同时设置 ---- 长度方位同时设置 效果展示 : 设置背景位置为具体 center 50px : 粉色区域是盒子区域 , 图片背景位于盒子位置 x 轴方向...50px center : 粉色区域是盒子区域 , 图片背景位于盒子位置 x 轴方向 50 像素 , y 轴方向 垂直居中 ; /* 设置背景位置 - x 轴方向 50 像素 , y 轴方向 垂直居中

    2.8K20

    VBA程序:对加粗单元格求和

    标签:VBA 下面的VBA自定义函数演示了如何对应用了粗体格式单元格求和。...ErrHandler: '检查是否溢出 If Err.Number = 6 Then SumBold = CVErr(xlErrNum) Resume Continue End Function 注意,当求和单元格区域中单元格格式发生更改时...,不会触发任何事件;而使用Application.Volatile语句,每当在工作表上内容更改时,单元格都会重新计算。...这意味着,仅对求和单元格区域中单元格设置加粗格式,使用该自定义函数求和不会改变,除非按F9键强制计算,或者在工作表中输入内容导致工作表重新计算。...这个程序也提供了一个模板,可以稍作修改对其它格式设置单元格来求和

    17010

    基于单元格查找并显示图片

    在Excel中,可以在一个单元格中显示一张根据另一个单元格信息而变化图片。...由于Excel中图片不能放在单元格中,而是浮在工作表顶部,并且由于查找函数返回,而不是图片,因此需要一些VBA代码来模拟查找图片并将其放置在单元格中。...举个例子,假设一个由Bob、Ted、Carol和Alice组成合伙企业希望在投标单上有主要合伙人照片。在单元格A2下拉列表中选择主要合作伙伴,图片将显示在单元格F1顶部,如下图1所示。...事件用于将图片放置在单元格F1顶部,从而隐藏公式。...VBA代码隐藏所有图片,然后显示与F1中相对应图片,必要时重新定位。

    32210

    poi设置单元格下拉下表

    poi是读写excel最常用一个开源中间件,实际使用中我们可能会遇到这样需求:限制某列单元格只能输入特定内容,这就是excel下拉列表特性,以下是wps中excel一个截图: 从上图可以看出...,维护下拉选项有两种方式: 1.手动添加下拉选项 2.从单元格选择下拉选项 第一种方式缺点就是单元格字节数不能超过255个字,笔者在实际使用中输入内容远超过这个数,所以笔者选择是第二种方案,笔者新建了一个...sheet,在这个sheet中某列输入实际需要下拉列表内容(可以动态插入),比如省市,然后隐藏这个sheet即可,这样用户在使用过程中就可以根据这个模板文件输入限制内容。...XSSFDataValidationConstraint constraint = new XSSFDataValidationConstraint(ValidationType.LIST,strFormula); // 设置数据有效性加载在哪个单元格上...help.createValidation(constraint, regions); sheet.addValidationData(validation); 上面的代码就可以实现exel下拉列表选择功能

    1.1K20

    Excel公式练习64: 获取单元格区域中移除空单元格

    本次练习是:如下图1所示,列C中有很多空单元格,使用公式将其整理,移除空单元格并将放置在列D中。 ? 图1 先不看答案,自已动手试一试。...(E1))-2 参数cols为:0 也就是说,OFFSET函数返回以单元格C2为起点向下SMALL(IF((List)>1,ROW(List),""),ROW(E1))-2行单元格区域。...列C中单元格大于1,返回TRUE,否则返回FALSE,在工作表中演示如下图2所示。 ? 图2 而ROW(List)则是由第2行至第10000行行号组成数组。...图4 这样,在单元格D2中公式最终等价为: OFFSET(C2, 2-2,0) 得到单元格C2中。...在单元格D3中公式最终等价为: OFFSET(C2, 6-2,0) 得到单元格C6中。 在单元格D4中公式最终等价为: OFFSET(C2, 7-2,0) 得到单元格C7中。 依此类推。

    3.1K51

    Excel公式技巧56:获取最大最小所在单元格地址

    学习Excel技术,关注微信公众号: excelperfect 在《Excel公式技巧54:在多个工作表中查找最大最小》中,我们在MAX/MIN函数中使用多工作表引用来获取最大/最小。...在《Excel公式技巧55:查找并获取最大最小所在工作表》中,我们更进一步,获取最大/最小所在工作表名称。本文来讲解如何利用公式获取最大/最小在哪个单元格。...示例工作表数据如下图1所示,我们可以使用MAX/MIN函数获取工作表数据最大/最小,并且由于数据较少,可以清楚地看出最大所在单元格为B2,最小位于单元格A2。 ?...图1 可以使用ADDRESS函数来获取单元格地址,但关键是要传递给该函数合适行列参数。...((A1:D4=C7)*(COLUMN(A1:D4)))),1,1) 得到最大所在单元格地址: B2 公式中: ROW(A1:A4) 解析为: {1;2;3;4} ROW(A1:D4) 解析为: {

    10.4K64
    领券