快捷導(dǎo)航

怎樣在html文檔里做隔行換色的多行方法

更新時間：2007年01月13日 00:00:00 作者：

既然你都知道是隔行換色了，那就隔行換色就是了。方法很多。
最直接的在每一行的<tr>上直接加bgcolor="red"。
用css的話就定義行二個顏色的類。在每一行交替使用這個類就是了。如：
tr class="trClass1"
tr class="trClass2"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>  <HEAD>   <TITLE> New Document </TITLE>   <META NAME="Generator" CONTENT="EditPlus">   <META NAME="Author" CONTENT="">   <META NAME="Keywords" CONTENT="">   <META NAME="Description" CONTENT="">   <style type="text/css">     table{         width:100%;     }     .t1{         background:#ff6600;         color:black;     }     .t2{         background:#336699;         color:white;     }   </style>  </HEAD>  <BODY>   <TABLE cellpadding="0" cellspacing="0">   <TR class="t1">     <TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD>   </TR>   <TR class="t2">     <TD>2</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD>   </TR>     <TR class="t1">     <TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD>   </TR>   <TR class="t2">     <TD>2</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD>   </TR>     <TR class="t1">     <TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD>   </TR>   <TR class="t2">     <TD>2</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD>   </TR>   </TABLE>  </BODY> </HTML>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

推薦1

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

非常推薦2

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

怎樣在html文檔里做隔行換色的多行方法

相關(guān)文章

詳解微信小程序獲取當前時間及日期的方法
這篇文章主要介紹了微信小程序獲取當前時間及日期的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-04-04
使用Nginx部署前端項目的詳細步驟記錄
在實際開發(fā)中我們通常會使用Nginx來部署前端靜態(tài)頁面,以提供快速訪問速度和良好的用戶體驗,這篇文章主要給大家介紹了關(guān)于使用Nginx部署前端項目的詳細步驟,需要的朋友可以參考下
2024-08-08
淺談layui里的上傳控件問題
今天小編就為大家分享一篇淺談layui里的上傳控件問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
js控制文本框輸入的字符類型方法匯總
這篇文章主要給大家匯總介紹了js控制文本框輸入的字符類型的各種方法，十分的簡單實用，有需要的小伙伴可以參考下。
2015-06-06
JS實現(xiàn)json的序列化和反序列化功能示例
這篇文章主要介紹了JS實現(xiàn)json的序列化和反序列化功能,結(jié)合具體實例形式分析了javascript針對json的序列化與反序列化相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2017-06-06
基于BootStrap實現(xiàn)簡潔注冊界面
這篇文章主要介紹了基于BootStrap實現(xiàn)簡潔注冊界面,需要的朋友可以參考下
2017-07-07
TypeScript類型推論與類型斷言實例詳解
如果沒有明確的指定類型,那么TypeScript會依照類型推論（Type Inference）的規(guī)則推斷出一個類型,下面這篇文章主要給大家介紹了關(guān)于TypeScript類型推論與類型斷言的相關(guān)資料,需要的朋友可以參考下
2022-11-11
微信小程序下拉刷新及上拉加載原理解析
這篇文章主要介紹了微信小程序下拉刷新及上拉加載實現(xiàn)方法,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-11-11
JavaScript判斷對象和數(shù)組的兩種方法
這篇文章主要介紹了JavaScript判斷對象和數(shù)組的兩種方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-05-05
一個js實現(xiàn)的所謂的滑動門
一個js實現(xiàn)的所謂的滑動門...
2007-05-05