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

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - https://code-sample.com and https://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.
ASK Questions