Open In App

HTML <td> bgcolor Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

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.

html




<!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: 

tdbgcolor

Output

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

HTML




<!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:

Screenshot-from-2023-12-20-16-28-55

Output

Supported Browsers:

  • Google Chrome 1 and above
  • Microsoft Edge 12 and above
  • Firefox 1 and above
  • Opera 12.1 and above
  • Safari 1 and above

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.



Last Updated : 22 Dec, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads