溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹HTML設置表格單元格顏色的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
HTML中設置表格單元格顏色的方法：1、給td標簽設置bgcolor屬性，語法<td bgcolor="顏色值">；2、使用background-color屬性，語法“<td style="background-color:顏色值">”。
1、使用HTML <td> bgcolor 屬性
bgcolor 屬性規定表格單元格的背景顏色。
語法
<td bgcolor="color_name|hex_number|rgb_number">
屬性值
| 值 | 描述 |
|---|---|
| color_name | 規定顏色值為顏色名稱的背景顏色（比如 "red"）。 |
| hex_number | 規定顏色值為十六進制值的背景顏色（比如 "#ff0000"）。 |
| rgb_number | 規定顏色值為 rgb 代碼的背景顏色（比如 "rgb(255,0,0)"）。 |
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <table border="1"> <tr> <th>商品</th> <th>價格</th> </tr> <tr> <td bgcolor="#FF0000">帽子</td> <td bgcolor="#00FF00">￥20</td> </tr> <tr> <td bgcolor="#FF0000">T恤</td> <td bgcolor="#00FF00">￥100</td> </tr> </table> </body> </html>
效果圖：
2、使用background-color屬性
background-color屬性設置一個元素的背景顏色。
元素的背景是元素的總大小，包括填充和邊界（但不包括邊距）。
屬性值：
| 值 | 描述 |
|---|---|
| color | 指定背景顏色。 |
| transparent | 指定背景顏色應該是透明的。這是默認 |
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <table border="1"> <tr> <th>商品</th> <th>價格</th> </tr> <tr> <td style="background-color:#FF0000">帽子</td> <td style="background-color:#00FF00">￥20</td> </tr> <tr> <td style="background-color:#FF0000">T恤</td> <td style="background-color:#00FF00">￥100</td> </tr> <tr> <td style="background-color:#FF0000">牛仔褲</td> <td style="background-color:#00FF00">￥150</td> </tr> </table> </body> </html>
效果圖：
以上是“HTML設置表格單元格顏色的方法”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
