Open In App

HTML bgcolor Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

HTML bgcolor attribute is used to set the background color of an HTML element. Bgcolor is one of those attributes that has become deprecated with the implementation of Cascading Style Sheets (see CSS Backgrounds). In modern web development, styling, including background color is typically handled using CSS properties rather than HTML attributes.

Note: The bgcolor attribute is not supported in HTML5.

Syntax

<"tag" bgcolor="color_name | hex_value | rgb_value">

Attribute Values

Attribute Values

Description

color_name

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

hex_number

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

rgb_number

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

Supported tags

Example 1: In this example, the table’s background color is set to green using the bgcolor attribute.

html




<!DOCTYPE html>
<html>
<head>
    <title>
        HTML table bgcolor Attribute
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>HTML table bgcolor Attribute</h2>
  
    <table border="1" bgcolor="green">
        <caption>
            Author Details
        </caption>
  
        <tr>
            <th>NAME</th>
            <th>AGE</th>
            <th>BRANCH</th>
        </tr>
        <tr>
            <td>BITTU</td>
            <td>22</td>
            <td>CSE</td>
        </tr>
        <tr>
            <td>RAM</td>
            <td>21</td>
            <td>ECE</td>
        </tr>
    </table>
</body>
</html>


Output: 

Example 2: In this example, the bgcolor attribute within the <body> tag is used to set the background color of the entire page to orange.

html




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML body Bgcolor Attribute
    </title>
</head>
  
<!-- body tag starts here -->
  
<body text="green" bgcolor="orange">
    <center>
        <h1>GeeksforGeeks</h1>
        <h2>
            HTML
            body bgcolor Attribute
        </h2>
  
        <p>
            It is a Computer
            Science portal For Geeks
        </p>
  
    </center>
</body>
<!-- body tag ends here -->
  
</html>


Output: 

Supported Browsers:

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


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