表格隔行变色

<html>
<head>
<title>Member List</title>
<style>
<!--
.datalist{
 border:1px solid #0058a3; 
 font-family:Arial;
 border-collapse:collapse; 
 background-color:#eaf5ff; 
 font-size:14px;
}
.datalist caption{
 padding-bottom:5px;
 font:bold 1.4em;
 text-align:left;
}
.datalist th{
 border:1px solid #0058a3; 
 background-color:#4bacff; 
 color:#FFFFFF;    
 font-weight:bold;
 padding-top:4px; padding-bottom:4px;
 padding-left:12px; padding-right:12px;
 text-align:center;
}
.datalist td{
 border:1px solid #0058a3; 
 text-align:left;
 padding-top:4px; padding-bottom:4px;
 padding-left:10px; padding-right:10px;
}
.datalist tr.altrow{
 background-color:#c7e5ff; 
}
-->
</style>
   </head>
<body>
<table class="datalist" summary="list of members in EE Studay">
 <caption>Member List</caption>
 <tr>
  <th scope="col">Name</th>
  <th scope="col">Class</th>
  <th scope="col">Birthday</th>
  <th scope="col">Constellation</th>
  <th scope="col">Mobile</th>
 </tr>
 <tr>     <!-- 奇数行 -->
  <td>isaac</td>
  <td>W13</td>
  <td>Jun 24th</td>
  <td>Cancer</td>
  <td>1118159</td>
 </tr>
 <tr class="altrow">  <!-- 偶数行 -->
  <td>girlwing</td>
  <td>W210</td>
  <td>Sep 16th</td>
  <td>Virgo</td>
  <td>1307994</td>
 </tr>
 <tr>     <!-- 奇数行 -->
  <td>tastestory</td>
  <td>W15</td>
  <td>Nov 29th</td>
  <td>Sagittarius</td>
  <td>1095245</td>
 </tr>
 <tr class="altrow">  <!-- 偶数行 -->
  <td>lovehate</td>
  <td>W47</td>
  <td>Sep 5th</td>
  <td>Virgo</td>
  <td>6098017</td>
 </tr>
 <tr>     <!-- 奇数行 -->
  <td>slepox</td>
  <td>W19</td>
  <td>Nov 18th</td>
  <td>Scorpio</td>
  <td>0658635</td>
 </tr>
 <tr class="altrow">  <!-- 偶数行 -->
  <td>smartlau</td>
  <td>W19</td>
  <td>Dec 30th</td>
  <td>Capricorn</td>
  <td>0006621</td>
 </tr>
 <tr>     <!-- 奇数行 -->
  <td>whaler</td>
  <td>W19</td>
  <td>Jan 18th</td>
  <td>Capricorn</td>
  <td>1851918</td>
 </tr>
 <tr class="altrow">  <!-- 偶数行 -->
  <td>shenhuanyan</td>
  <td>W25</td>
  <td>Jan 31th</td>
  <td>Aquarius</td>
  <td>0621827</td>
 </tr>
 <tr>     <!-- 奇数行 -->
  <td>tuonene</td>
  <td>W210</td>
  <td>Nov 26th</td>
  <td>Sagittarius</td>
  <td>0091704</td>
 </tr>
 <tr class="altrow">  <!-- 偶数行 -->
  <td>ArthurRivers</td>
  <td>W91</td>
  <td>Feb 26th</td>
  <td>Pisces</td>
  <td>0468357</td>
 </tr>
 <tr>     <!-- 奇数行 -->
  <td>reconzansp</td>
  <td>W09</td>
  <td>Oct 13th</td>
  <td>Libra</td>
  <td>3643041</td>
 </tr>
 <tr class="altrow">  <!-- 偶数行 -->
  <td>linear</td>
  <td>W86</td>
  <td>Aug 18th</td>
  <td>Leo</td>
  <td>6398341</td>
 </tr>
 <tr>     <!-- 奇数行 -->
  <td>laopiao</td>
  <td>W41</td>
  <td>May 17th</td>
  <td>Taurus</td>
  <td>1254004</td>
 </tr>
 <tr class="altrow">  <!-- 偶数行 -->
  <td>dovecho</td>
  <td>W19</td>
  <td>Dec 9th</td>
  <td>Sagittarius</td>
  <td>1892013</td>
 </tr>
 <tr>     <!-- 奇数行 -->
  <td>shanghen</td>
  <td>W42</td>
  <td>May 24th</td>
  <td>Gemini</td>
  <td>1544254</td>
 </tr>
 <tr class="altrow">  <!-- 偶数行 -->
  <td>venessawj</td>
  <td>W45</td>
  <td>Apr 1st</td>
  <td>Aries</td>
  <td>1523753</td>
 </tr>
 <tr>     <!-- 奇数行 -->
  <td>lightyear</td>
  <td>W311</td>
  <td>Mar 23th</td>
  <td>Aries</td>
  <td>1002908</td>
 </tr>
</table>
</body>
</html>

 

JMeter压力测试全攻略:从入门到精通 本文系统讲解JMeter压力测试的完整流程与结果评估方法。开篇介绍压力测试的核心概念及JMeter工具特性,随后从环境搭建入手,详细说明JDK配置、JMeter安装及中文界面设置。主体部分围绕测试流程展开,涵盖测试计划创建、线程组参数调优、HTTP请求配置、断言与监听器添加等实操步骤;结果评估环节深入解析聚合报告指标、结果树分析及性能瓶颈定位方法,并通过电商接口测试案例演示全流程应用。文末总结关键要点,为读者提供从基础操作到分布式压测、性能调优的进阶学习方向,助力掌握JMeter在系统性能评估中的核心应用。 阅读详情

相关推荐

表格隔行变色自动化技巧

隔行变色是一种在表格或数据列表中,交替改变行颜色的视觉效果。这种技术不仅能够增加数据的可读性,还能提高视觉吸引力,特别适用于长篇数据的阅读。在Excel中,除了使用条件格式设置基础的隔行变色,还可以通过自定义格式规则来达到更复杂的视觉效果。这需要对自定义数字格式的功能有所了解。在格式设置中,用户可以输入特定的代码来定义数据的显示格式,这些代码可以包括条件格式。举例来说,可以在单元格格式的”数字”选项卡中,使用如下自定义代码来实现隔行变色:上述代码中的[$-800]

weixin_33816734的博客 1453

gridview隔行变色

<style>.tr1{ background-color: #f7fbff;}.tr0{ background-color: #FFFFFF;}.td{ COLOR: red;}</style><script language="javascript" type="text/javascript">function onload(){ ...

weixin_34249367的博客 212

Android Studio Bumblebee (android-studio-2021.1.1.21-windows)

Android Studio Bumblebee 2021.1.1 Patch 1 (android-studio-2021.1.1.21-windows.exe)大黄蜂,适用于Windows x86_64系统,是Android Studio 4.3(Android Studio Arctic Fox 2020.3.1.26新版本命名)版本之后的新版本Android Studio Bumblebee 可以理解为:Android Studio 4.4版本:Android Studio Bumblebee Patch 1 发布时间:2022年2月Android Studio Bumblebee 稳定版 发布时间:2022年1月26日Android Studio Bumblebee RC 1 available 发布时间:2022年1月5日Android Studio Bumblebee Beta 5 available 发布时间:2021年12月

表格css样式 ——表格背景,隔行变色,触摸表格变色

我来给大家讲解一下代码如下(示例):首先:先写一个表格 序号 商品名称 单价/元 数量 商品名称 单价/元 ...

LiHang1234567777的博客 2714

JavaScript 实现表格隔行变色

JavaScript 实现表格隔行变色 构建界面 界面HTML代码 <style> #data,th,td{ border: 1px solid #aaaaaa; /*合并边框线*/ border-collapse: collapse; } #data{ width: 600px; ...

“跟他人学,和自己比” 4714

html表单隔行变色,JSP表格隔行变色

css代码如下:.odd{background-color:#CCC}.even{background-color:#999}.hover{background-color:#FF9;}html代...--.datalist{border:1pxsolid#0058a3;/*表格边框*/font-family:Aria...插件分俩种:·类级别组件开发: ...

weixin_28890941的博客 1210

实现 表格 隔行变色 案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格隔行变色</title> <script src="../jquery.js"></script> <style> table{ width:100%; }

信念之于人,犹翅膀之于鸟,信念是飞翔的翅膀 1599

jQuery动态生成隔行变色表格

jQuery动态生成隔行变色表格下载地址:http://download.csdn.net/detail/lypf19900912/8638743

庞凡 坚定自己踏实走好每一步 5219

jQuery表格隔行变色

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> table { margin: auto; } </style> <...

Java技术 1629

JSP表格隔行变色

我们常常在设计网站或者是信息系统时,数据庞大而繁多,那么如何有效地在页面中显示数据,很大程度上决定了系统的人性化设计理念。当前数据显示最为普遍的组织方式便是“表格”,表格在显示多行时我们会将它“隔行变色”,提高用户对数据的易操作性;并且对数据经过的行设为为“高亮显示”,方便用户聚焦关注的数据。实现数据隔行变色的方式大概有3种:CSS、JavaScript、jQuery实现隔行...

weixin_33755649的博客 1885

如何用HTML实现表格隔行变色效果

本文主要讲述用HTML来实现表格隔行变色效果,以及鼠标悬浮时产生变色的效果。

2401_87028842的博客 741

使用vue渲染表格隔行变色

使用vue框架,渲染一个表格。 要求: 1.表格隔行变色。 2 并能够通过下拉菜单选择颜色

小鹿不在林间的博客 6053

jquery实现表格隔行变色

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>变色表格</title> <script src="jquery-3.6.0.js"></script> </head> <body> <table b...

LHH201016的博客 2030

css美化表格隔行变色显示

在html中常常需要从数据库中获取数据然后显示到浏览器上,显示的方式一般是用表格。单一的表格很容易使人感到枯燥,使用变色效果可以使得表格看起来更加舒适。实现方法如下 /*css*/ /*表格修饰*/ .tablelist{     border:1px solid #0058a3;     font-family:"Microsoft YaHei",Arial,Helvetica,s

liuxiaofei11的专栏 995

Element UI表格隔行变色

表格隔行变色有两种方式 第一种,我们给表格设置“stripe”属性 <el-table :data="tableWarningData" style="width: 100%" :header-cell-style="{ color: '#1572e9' }" stripe :cell-style="changeCellStyle"> 然后在style里面写下如下代码 .el..

qq_44158162的博客 9041

jQuery--表格隔行变色

jQuery--表格隔行变色

qq_52567967的博客 2926

使用jQuery实现表格隔行变色和隔列变色

今天给大家带来一个表格隔行变色表格的隔列变色(我比较喜欢村上春树的作品所以~~~) <table border="1" cellpadding="15" cellspacing="0"> <tr> <td>编号</td> <td>书名</td> <td>作者</td> </tr> <tr> &lt.

lcszz0302的博客 1948
上一篇: xml与css-1
下一篇: 鼠标经过时变色的表格
booucn
博客等级 码龄19年 1粉丝 147原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值