开发者社区> 问答> 正文

css里面tr怎么隔行换色

css里面tr怎么隔行换色

展开
收起
云计算小粉 2018-05-10 20:06:16 2059 0
2 条回答
写回答
取消 提交回答
  • $(document).ready(function(){ //这个就是传说的ready

    $(".stripe tr").mouseover(function(){    
       //如果鼠标移到class为stripe的表格的tr上时,执行函数    
      $(this).addClass("over");}).mouseout(function(){    
            //给这行添加class值为over,并且当鼠标一出该行时执行函数    
            $(this).removeClass("over");}) //移除该行的class    

    $(".stripe tr:even").addClass("alt");

    //给class为stripe的表格的偶数行添加class值为alt 
    //www.divcss5.com 整理特效 

    });

    2019-07-17 22:13:50
    赞同 展开评论 打赏
  • tr{ width: 200px; height: 40px; border:1px #000 solid; display: block;} /* 双行颜色 */ tr:nth-child(2n){ background: red;} /* 单行颜色 */ tr:nth-child(2n+1){ background: yellow;}
    2019-07-17 22:13:50
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载