如何为HTML表格中的特定单元格设置颜色？

效果说明 #

• 期望效果：表格外围红色边框的单元格填充红色背景，内部蓝色、绿色边框的单元格保持对应样式
• 当前实现：已设置单元格边框颜色，但未设置背景色

我的代码 #

<html>
    <head>
        <title> Practical 4 </title>
        <meta  charset ="UTf-8">
    </head>
    <body bgcolor ="lightblue">
        <table border="1" bordercolor="black"  cellspacing="1" align ="center">
        <tr>
        <td bordercolor ="red"> ** </td>
        <td bordercolor ="blue"> আমার </td>
        <td bordercolor ="green">দেশের </td>
        <td bordercolor = "red" >**</td>
        </tr>
        <tr>
        <td bordercolor ="red">**</td>
        <td bordercolor ="darkblue" colspan="2" rowspan="2"> <img src="image_to_use.jpg"></td>
        <td bordercolor ="red"> ** </td>
        </tr>
        <tr>
        <td bordercolor ="red" >**</td>
        <td bordercolor ="red" >**</td>
        </tr>
        <tr>
         <td bordercolor ="red"> ** </td> 
         <td bordercolor ="blue">নাম</td>
         <td bordercolor ="green">বাংলাদেশ </td> 
         <td bordercolor ="red">**</td>
         </tr>
        </table>
    </body>
</html> 

实现方法 #

要给特定单元格设置背景色，有两种简单方法：

• 直接在<td>标签里添加bgcolor属性：比如要把红色边框的单元格设置红色背景，修改为 <td bordercolor="red" bgcolor="red"> ** </td>
• 用更规范的CSS内联样式：使用style属性指定背景色，写法为 <td bordercolor="red" style="background-color: red;"> ** </td>

修改后的完整代码示例：

<html>
    <head>
        <title> Practical 4 </title>
        <meta  charset ="UTf-8">
    </head>
    <body bgcolor ="lightblue">
        <table border="1" bordercolor="black"  cellspacing="1" align ="center">
        <tr>
        <td bordercolor ="red" bgcolor="red"> ** </td>
        <td bordercolor ="blue"> আমার </td>
        <td bordercolor ="green">দেশের </td>
        <td bordercolor = "red" bgcolor="red">**</td>
        </tr>
        <tr>
        <td bordercolor ="red" bgcolor="red">**</td>
        <td bordercolor ="darkblue" colspan="2" rowspan="2"> <img src="image_to_use.jpg"></td>
        <td bordercolor ="red" bgcolor="red"> ** </td>
        </tr>
        <tr>
        <td bordercolor ="red" bgcolor="red">**</td>
        <td bordercolor ="red" bgcolor="red">**</td>
        </tr>
        <tr>
         <td bordercolor ="red" bgcolor="red"> ** </td> 
         <td bordercolor ="blue">নাম</td>
         <td bordercolor ="green">বাংলাদেশ </td> 
         <td bordercolor ="red" bgcolor="red">**</td>
         </tr>
        </table>
    </body>
</html> 

这样就能让红色边框的单元格填充红色背景，达到你期望的效果。

内容的提问来源于stack exchange，提问作者nebulae