In order to give some Background Effects to HTML Document following properties are used -

NoProperties Used For Styling
1background-color
2background-image
3background-repeat
4background-attachment
5background-position

Property 1 : Background Color

  1. It specifies the background color of the element.
  2. Background Color can be specified to an element or to complete page or division.
  3. Background Color of Complete page is specified by writing background-color property in body selector.

Syntax :

background-color: {Name}|{Code}|{Combination};

Different Ways of Specifying Background Color

HEX value :
#FF0000
RGB value :
rgb(255,0,0)
Color Name:
red

CSS Color Values :

RGB Color :

  1. Hexadecimal Color values Supported in all major browsers.
  2. A hexadecimal color is specified with: #RRGGBB
    CodeComposition
    RRRed Color Composition
    GGGreen Color Composition
    BBBlue Color Composition
  1. All values must be between 0 and FF.
  2. Example : #FF0000 is Red Color because First Value of Red Color Composition is Set as RED.

Live Example :

<!DOCTYPE html>
<html>
  <head>
    <style>
      h1
      {
        background-color:#FF7766;
      }
      p
      {
        background-color:#55FF88;
      }
      div
      {
        background-color:#8833FF;
      }
    </style>
  </head>
  <body>
    <h1>
      Heading Background Color
    </h1>
    <div>
      India is my Country. All Indians are my Brothers and Sisters.
      <p>
        I Love my Country
      </p>
      We are Living in India.
    </div>
  </body>
</html>

Output :

Background Color Property CSS