python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 7, Interview Questions Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
Background CSS Properties and Example

Background Image CSS Properties and Example

The CSS Background Image Properties is used to change the background Image 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 image*/
html
    background-image: url("background.gif");
}

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

/* For HTML body footer image*/
footer
    background-image:url("background.gif");
}


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

/* For HTML div background image*/
div {
    background-image:url("background.gif");
}

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

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

/* For HTML div ids selector background image*/
#MyPage-Ids {
    background-image:url("background.gif");
}


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

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

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