Yuchih's筆記
2010年6月29日 星期二
用css製作表格隔行換底色的方法
方法ㄧ:用CSS快速製作Table表格隔行換底色的方法(IE7、8 不支援)
CSS部分
html部分
<div class="myTable"> <table cellpadding="3" cellspacing="1" border="0" bgcolor="gray" width="100px"> <tr><td>《静夜思》</td></tr> <tr><td>窗前明月光</td></tr> <tr><td>疑是地上霜</td></tr> <tr> <td>舉頭望明月</td></tr> <tr> <td>低頭思故鄉</td> </tr> </table> </div>
上述的方法可以快速的用CSS達成表格隔行換色,但是....IE7、8 就不支援,所以請見下方方法二
方法二:透過jquery達成
在html的內加入 //jquery js檔案的位置 這樣文件內加入的表格的行列背景色就會自動轉換
沒有留言:
張貼留言
較新的文章
較舊的文章
首頁
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言