Open In App

HTML <td> bgcolor Attribute

The HTML <td> bgcolor attribute is used to specify the background color of a table cell. It basically, Specify the background color with a hexadecimal code for precise coloring and offers limited color choices compared to modern CSS styling.

Note: It is not supported by HTML5



Syntax:

<td bgcolor= "color_name | hex_number | rgb_number">

Attribute Values:

Attribute values

Description

color_name

It sets the text color by using the color name. For example “red”.

hex_number

It sets the text color by using the color hex code. For example “#0000ff”.

rgb_number

It sets the text color by using the rgb code. For example: “RGB(0, 153, 0)”.

Example: In this example, we will see the implementation of the <td> bgcolor Attribute with an example.




<!DOCTYPE html>
<html>
  
<head>
    <title>HTML <td> bgcolor Attribute</title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>HTML td bgcolor Attribute</h2>
  
    <table width="500" border="1">
        <tr>
            <th>NAME</th>
            <th>AGE</th>
            <th>BRANCH</th>
        </tr>
  
        <tr>
            <td bgcolor="green">BITTU</td>
            <td bgcolor="red">22</td>
            <td bgcolor="yellow">CSE</td>
        </tr>
  
        <tr>
            <td bgcolor="yellow">RAKESH</td>
            <td bgcolor="green">25</td>
            <td bgcolor="red">EC</td>
        </tr>
    </table>
</body>
  
</html>

Output: 



Output

Example: In this example, we will see the implementation of the <td> bgcolor Attribute with another example.




<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1 style="color: green;">
          GeeksforGeeks
          </h1>
        <h3 style="color:darkcyan;font-weight:bold;">
            Table Cell Background Color
        </h3>
        <table border="1">
            <tr>
                <td bgcolor="lightblue">
                  Cell 1
                  </td>
                <td bgcolor="lightcoral">
                  Cell 2
                  </td>
                <td bgcolor="lightgreen">
                  Cell 3
                  </td>
            </tr>
        </table>
    </center>
</body>
  
</html>

Output:

Output

Supported Browsers:

HTML is the foundation of webpages, is used for webpage development by structuring websites and web apps.You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples.


Article Tags :