Setting Background

Hi,
How to set particular area of a image as background for a div.

 

if you don't need to repeat it you can use background-position:

http://www.w3schools.com/css/pr_background-position.asp

 

Sepehr is correct - if you have a DIV that is smaller than the image you can position the image accordingly. For example, if you want to use just the bottom, right corner of the image you would declare the background as follows:

background:url(images/background.gif) no-repeat right bottom;

Code (markup):

If you want to use the bottom left corner it would be:

background:url(images/background.gif) no-repeat right bottom;

Code (markup):

and so on...

You can also exactly position the image like so:

background:url(images/background.gif) no-repeat 30px 20px;

Code (markup):

In this example the background image would be positioned 30px from the left of the div, 20px from the top.

 

Thanks for the info. Now its working fine.