HTML bgcolor Attribute
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). It accepts color names, hexadecimal color codes, or RGB values to customize the background appearance of the specified element.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
| Tag | Description |
|---|---|
| <body> | Contains content visible to users. |
| <marquee> | Scrolls text or images within a container. |
| <table> | Organizes data into rows and columns. |
| <tbody> | Encloses main content rows within a table. |
| <td> | Represents data cells within a table row. |
| <tfoot> | Defines a footer section within a table. |
| <th> | Indicates header cells within a table row. |
| <thead> | Contains header rows within a table. |
| <tr> | Represents a table row, containing data or headers. |
| <col> | Defines properties for one or more table columns. |
| <colgroup> | Groups one or more columns in a table for styling. |
Example 1: In this example, the table’s background color is set to green using the bgcolor attribute.
<!DOCTYPE html>
<html>
<head>
<title>
HTML table bgcolor Attribute
</title>
</head>
<body>
<h1>w3wiki</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.
<!DOCTYPE html>
<html>
<head>
<title>
HTML body Bgcolor Attribute
</title>
</head>
<!-- body tag starts here -->
<body text="green" bgcolor="orange">
<center>
<h1>w3wiki</h1>
<h2>
HTML
body bgcolor Attribute
</h2>
<p>
It is a Computer
Science portal For Beginner
</p>
</center>
</body>
<!-- body tag ends here -->
</html>
Output:
Contact Us