HTML <td> bgcolor Attribute

HTML <th> 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.

html

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>HTML <td> bgcolor Attribute</title> 
</head> 
  
<body> 
    <h1>w3wiki</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.

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <center> 
        <h1 style="color: green;"> 
          w3wiki 
          </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:

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.

Tags:

#HTML-Attributes #HTML #Web Technologies