| 
				 
					網(wǎng)頁設計中我們經(jīng)常會碰到用CSS(層疊樣式表)實現(xiàn)隔行換色的需求,您可以根據(jù)您的需要,采用下面的任何一種方法,當然要注意適合你的具體編碼與需求情況。
				 
				
					  一、使用background背景圖片
				 
				
					  如果行高固定的話,推薦使用隔行換色的背景圖,也推薦將行高固定,這樣可以兼容一切瀏覽器。
				 
				
					  二、CSS Expression
				 
				
					  文字:color:expression(this.sourceIndex%2 ? ’#ff0000’:’#000000’); 
   背景:background-color:expression(this.sourceIndex%2 ? ’#ff0000’:’#000000’); 
   注意:本方法瀏覽器兼容度不夠,不支持FF3。
				 
				
					  三、class分別定義
				 
				
					 
				 
				
				
					 
				 
				
					  實實在在的寫法。
				 
				
					  四、通過JS
				 
				
					 
    
   
   
   
  www.devdao.com - 四種實現(xiàn)CSS隔行換色的方法 
   
    
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
					 
						
							
								| 
									測試文字
								 | 
								
									測試文字
								 | 
								
									測試文字
								 | 
							 
							
								| 
									測試文字
								 | 
								
									測試文字
								 | 
								
									測試文字
								 | 
							 
							
								| 
									測試文字
								 | 
								
									測試文字
								 | 
								
									測試文字
								 | 
							 
							
								| 
									測試文字
								 | 
								
									測試文字
								 | 
								
									測試文字
								 | 
							 
							
								| 
									測試文字
								 | 
								
									測試文字
								 | 
								
									測試文字
								 | 
							 
							
								| 
									測試文字
								 | 
								
									測試文字
								 | 
								
									測試文字
								 | 
							 
							
								| 
									測試文字
								 | 
								
									測試文字
								 | 
								
									測試文字
								 | 
							 
							
								| 
									測試文字
								 | 
								
									測試文字
								 | 
								
									測試文字
								 | 
							 
							
								| 
									測試文字
								 | 
								
									測試文字
								 | 
								
									測試文字
								 | 
							 
							
								| 
									測試文字
								 | 
								
									測試文字
								 | 
								
									測試文字
								 | 
							 
						
					 
 
				
 
			 |