余志国网站设计工作室是专业从事义乌网站建设、义乌外贸网站建设、义乌网站制作、义乌网站设计的专业义乌网站建设工作室,是义乌外贸网站建设专家!

通过css代码做Table表格隔行变色效果

分类:网页设计 Tags: css table 表格 评论:0 浏览:6364 最近更新时间:2014/8/23 13:19:24

<html> 
<head> 
<title>Table隔行变色</title> 
 
<style> 
<!-- 
    tr{ 
        background: #f00; 
    } 
    tr:nth-child(2n){ 
        background: #ccc; 
    } 
    tr{ 
        background-color: expression((this.sectionRowIndex % 2 == 0) ?   "#f00" : "#ccc" ); 
    } 
--> 
</style> 
 
</head> 
<body> 
 
<table> 
    <tr><td>111111111</td></tr> 
    <tr><td>222222222</td></tr> 
    <tr><td>333333333</td></tr> 
    <tr><td>444444444</td></tr> 
</table> 
 
</body> 
</html>


本文地址:https://www.yuzhiguo.com/525/
  • 相关文章
  • 推荐文章
  • 最新文章
发表评论





您的IP:54.147.29.160,来自:

留言

 


免费咨询
建站咨询热线
15967985565

扫一扫微信咨询
QQ: 358758308 Skype: yuzhiguo Facebook: yuzhiguo Email