HTML怎么设置表格单元格颜色-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

HTML中设置表格单元格颜色的方法：1、给td标签设置bgcolor属性，语法<td bgcolor="颜色值">；2、使用background-color属性，语法“<td style="background-color:颜色值">”。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

1、使用HTML <td> bgcolor 属性

bgcolor 属性规定表格单元格的背景颜色。

语法

1	`<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>