AngularJS表格样式简单设置方法示例

本文实例讲述了AngularJS表格样式简单设置方法。分享给大家供大家参考，具体如下：

1、问题背景

AngularJS表格table，利用样式设置表格间隔色

2、实现源码

  
    
    
    
    
    
      table,th,td{
 border-collapse: collapse;
      }
      table tr:nth-child(even){
 background-color: #F7E1B5;
      }
      table tr:nth-child(odd){
 background-color: #F1F1F1;
      }
    
  
  
    
      

 

   

     
序号
     
姓名
     
年龄
   
 
 

   

     
2016010101
     
张峰
     
23
   
   

     
2016010102
     
李思思
     
22
   
   

     
2016010103
     
华章
     
21
   
   

     
2016010104
     
孙海
     
22
   
   

     
2016010105
     
胡迪
     
20
   
   

     
2016010106
     
升比
     
25
   
   

     
2016010107
     
柳丝丝
     
24
   
   

     
2016010108
     
王武
     
22
   
   

     
2016010109
     
诸葛云
     
21
   
   

     
2016010110
     
刘云
     
22
   
 
      
    
  

3、实现结果：

更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。