简单的Table隔行变色

简介:

简单的Table隔行变色

 
  1. <style type="text/css"> 
  2. <!-- 
  3. .first {background:#ffffff;} 
  4. .gray {background:#ECFBFF;} 
  5. --> 
  6. </style> 
  7. <table border="1" width="900" cellpadding="0" cellspacing="0"> 
  8.     <tr onmouseover="this.className='gray'" onmouseout="this.className='first'"> 
  9.         <td width="500">aaa</td> 
  10.         <td width="400">bbb</td> 
  11.     </tr> 
  12.     <tr onmouseover="this.className='gray'" onmouseout="this.className='first'"> 
  13.         <td>ccc</td> 
  14.         <td>ddd</td> 
  15.     </tr> 
  16. </table> 

 

      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/1109003,如需转载请自行联系原作者


相关文章
|
4天前
element-plus table表格cell-style的使用
element-plus table表格cell-style的使用
38 1
|
9月前
|
API
DataTables中的column().visible()
在数据表中显示和隐藏列非常方便,尤其是在显示信息密度较大的表时。此方法允许即时更改单个列的可见性,或读取列的可见性状态。
93 0
|
10月前
|
JavaScript
element:table 单选
element:table 单选
122 0
element:table 单选
|
JavaScript
element-ui:el-table合并单元格后的行高亮显示
element-ui:el-table合并单元格后的行高亮显示
668 0
element-ui:el-table合并单元格后的行高亮显示
|
JavaScript
HTML之<button><select><optgroup>元素详解
一篇了解<button><select><optgroup>元素
139 0
HTML之<button><select><optgroup>元素详解
Element UI - el-table el-table-column 表头自定义
Element UI - el-table el-table-column 表头自定义
588 0
Element UI - el-table el-table-column 表头自定义
|
JavaScript
Element UI - el-table-column 属性之 show-overflow-tooltip 爬坑
Element UI - el-table-column 属性之 show-overflow-tooltip 爬坑
2052 0
|
XML 数据格式
|
编解码 前端开发 Perl