為每一個table單元格設定不同的背景顏色
本章節介紹一下如何給表格的每一個單元格設定一個背景顏色,當然這裡的方法比較笨拙,主要面向初學者。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> </head> <body> <table cellspacing="0" style="width:980px;height:200px;"> <tr > <td bgcolor="e91e6f"></td> <td bgcolor="224071" ></td> <td bgcolor="f12339"></td> <td bgcolor="1ea27e"></td> <td bgcolor="224071"></td> </tr> <tr> <td bgcolor="1ea27e"></td> <td bgcolor="e91e6f"></td> <td bgcolor="224071"></td> <td bgcolor="f12339"></td> <td bgcolor="1ea27e"></td> </tr> <tr> <td bgcolor="e91e6f"></td> <td bgcolor="224071"></td> <td bgcolor="f12339"></td> <td bgcolor="1ea27e"></td> <td bgcolor="224071"></td> </tr> <tr> <td bgcolor="1ea27e"></td> <td bgcolor="e91e6f"></td> <td bgcolor="224071"></td> <td bgcolor="f12339"></td> <td bgcolor="1ea27e"></td> </tr> </table> </body> </html>
上面的程式碼實現了我們的要求,當然方式很笨拙,就是為每一個單元格設定一個背景色,當然也可以使用javascript動態的方式設定,這裡就不多介紹了,雖然麻煩,總歸實現了。
相關文章
- ALV單元格顏色設定
- 設定toast的字型顏色和背景顏色AST
- css 設定背景顏色CSS
- CSS設定元素的背景顏色CSS
- markdown字型顏色和背景設定
- 動態建立table表格併為每一個td單元格註冊點選事件事件
- IOS設定狀態列的背景顏色iOS
- UITabBarController、TabBar背景顏色設定、TabBarItem顏色處理UItabBarController
- iOS button背景顏色狀態設定iOS
- 搭建直播平臺,Ext Js grid 改變單元格背景顏色的方法JS
- 如何設定小程式頁面各個部分的背景顏色?
- 設定文字的選中狀態背景顏色
- js遍歷迭代table表格的每一個td單元格程式碼例項JS
- 單擊表格行能夠將設定當前行背景顏色
- 表格奇偶行不同背景顏色程式碼
- bootstrap datepicker 單獨設定某些日期的特殊背景顏色和某些月份特殊背景boot
- win10系統如何設定Word背景顏色_win10 word頁面背景顏色設定步驟Win10
- 點選單元格清除預設值並且能夠設定輸入字型顏色
- js設定輸入的文字不同顏色效果JS
- 微信讀書怎麼設定背景顏色 微信讀書設定背景教程
- CSS設定一個文字兩種顏色CSS
- qt 設定選單欄顏色QT
- HexMap學習筆記(二)——單元格顏色混合筆記
- bootstrap30-輔助類展示不同的背景顏色boot
- CSS設定選中網頁文字時的背景和顏色CSS網頁
- js設定頁面TR 的屬性 背景顏色 樣式JS
- JavaScript點選設定背景顏色的選項卡程式碼JavaScript
- 設定CCLabelTTF,選單字型顏色
- ProgressBar 顏色的設定
- TextView設定部分或指定背景色和字型顏色TextView
- 設定隨機顏色的兩個方法隨機
- 將字串每一個單詞第一個字元設定為大寫字串字元
- eclipse怎麼簡單恢復預設背景顏色Eclipse
- qt 設定QTextEdit文字框中指定內容塊的背景顏色QT
- win10 如何設定txt背景綠色 win10如何在txt文件修改背景顏色Win10
- 動態改變Drawable中我們自定義背景的顏色並設定顏色以16進位制進行設定
- POI設定excel單元格Excel
- 點選按鈕設定其背景顏色程式碼例項