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!!