Background Color CSS Properties and Example

Background Color CSS Properties and Example

The CSS Background Color Properties is used to change the background color of elements. The elements can be -
ü  html
ü  body
ü  footer
ü  H1,H2 and so on
ü  div
ü  P
ü  Your custom elements and so on

This property is supported most of browsers like IE, chrome, safari etc.

/* For HTML background color*/
html
    background-color: white;
}

/* For HTML body background*/
body {  
    background-color: white;
    background-image: url("background.gif");
    background-repeat: repeat-x;
}

/* For HTML body footer*/
footer
    background-color: black;
}

/* For HTML H1 tag background color*/
h1 {
    background-color: green;
}

/* For HTML div background color*/
div {
    background-color: lightblue;
}

/* For HTML page P background color*/
p {
    background-color: yellow;
}

/* For HTML div class selector background color*/
.MyPage-class {
    Background-color: white;
}

/* For HTML div ids selector background color*/
#MyPage-Ids {
  background-color: rgba(0, 0, 0, 0.8);
}


I hope you are enjoying with this post! Please share with you friends. Thank you!!
ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

Background Color CSS Properties and Example Background Color CSS Properties and Example Reviewed by Anil Singh on 9:12 PM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^