HTML Background-color

by Online Tutorials Library July 14, 2014

HTML Background-color

The <bgcolor> is the attribute to set the background color of an HTML element. This attribute is used with the following tags:

<body>
<table>
<marquee>
<td>
<th>
<tr>

Syntax

Examples: The following examples use the <bgcolor> attribute in the different tags.

Example 1: Use the <bgcolor> attribute with the <body> tag

  <!DOCTYPE html>    <html>     <head>    <title>    Example of Background color Attribute    </title>    </head>    <body  bgcolor=”lightblue”>   <!– The attribute bgcolor use with the body tag to set the background of web page as lightblue –>   <center>    <h1> tutoraspire</h1>      <br> <br>  <center>  <h2> Hyper Text Markup Language </h2>    </center>    </body>    </html>  

Test it Now

Output:

HTML Background-color

Example 2: Use the <bgcolor> attribute with the <tr> tag

  <!DOCTYPE html>    <html>     <head>    <title>        Example of Bgcolor Attribute    </title>    </head>    <body  bgcolor=”red”>   <!– The attribute bgcolor use with the ‘body’ tag to set the background of web page as red –>   <center>    <h1> tutoraspire</h1>      <br>  <br>  <center>  <table>  <!– The attribute bgcolor use with the ‘tr’ tag to set the background of table rows by different colors –>   <tr bgcolor=”blue”>  <td> Roll No. </td>  <td> Name </td>  </tr>  <tr bgcolor=”lightblue”>  <td> 101 </td>  <td> Abhay </td>  </tr>  <tr bgcolor=”brown”>  <td> 102 </td>  <td> Chetan </td>  </tr>  <tr bgcolor=”orange”>  <td> 103 </td>  <td> Manpreet </td>  </tr>  <tr bgcolor=”yellow”>  <td> 104 </td>  <td> Rakesh </td>  </tr>  <tr bgcolor=”lightgreen”>  <td> 105 </td>  <td> Sumit </td>  </tr>  </table>  </center>    </body>    </html>  

Test it Now

Output:

HTML Background-color

Example 3: The following example use the <bgcolor> attribute with the <marquee> tag.

  <!DOCTYPE html>    <html>     <head>    <meta name=”viewport” content=”width=device-width, initial-scale=1″>   <title>    Example of Background color Attribute    </title>    </head>    <body  bgcolor=”lightgreen”>   <!– The attribute bgcolor use with the body tag to set the background of web page as lightgreen –>       <h1> <font color=”blue”>   <marquee bgcolor=”orange”>    <!– The attribute bgcolor use with the marquee tag to set the background of marquee as orange –>    tutoraspire  </marquee>    </font>  </h1>   </body>    </html>  

Test it Now

Output:

HTML Background-color

Browser Support

Element	Chrome	IE	Firefox	Opera	Safari
<bgcolor>	Yes	Yes	Yes	Yes	Yes

Next TopicHTML Date

HTML Background-color

HTML Background-color

Syntax

Browser Support

HTML aside tag

HTML Form Input Types

You may also like