css3 表格隔行变色隔列变色代码写法

使用css3实现表格隔行换色/隔列变色/指定行字体颜色和背景颜色的方法

table tr:nth-child(odd){background:#F4F4F4;}/*奇数行背景色*/
table td:nth-child(even){color:#C00;}/*偶数行字体颜色*/
table tr:nth-child(5){background:#73B1E0;color:#FFF;}/*指定第五行背景色和文字颜色*/

实际效果实例:

此段实例对应html代码:

 
  
  
	table tr:nth-child(odd){background:#F4F4F4;}/*奇数行背景色*/
	table td:nth-child(even){color:#C00;}/*偶数行字体颜色*/
	table tr:nth-child(5){background:#73B1E0;color:#FFF;}/*指定第五行背景色和文字颜色*/
  
 
 
	
	
		Info Header 1Info Header 2Info Header 3Info Header 4Info Header 5
	
	
		Text 1AText 1BText 1CText 1DText 1E
	
	
		Text 2AText 2BText 2CText 2DText 2E
	
	
		Text 3AText 3BText 3CText 3DText 3E
	
	
		Text 4AText 4BText 4CText 4DText 4E
	
	
 

赞(0)

打赏 微信 支付宝 QQ 扫码打赏

css div中的表格用css怎么控制 css使表格居中