learn Css3

MULTIPLE BACKGROUND

A CSS3 Backgrounds is an affords, which is used to resizing of the background properties. It is also used for multiple background implementation. Before developing of CSS3 it was unable to resize the background, but with the help of CSS3 We can implement these affords also.

There are mainly two properties of background, which can be used for background fixing, background size, multiple background image and etc.

Below are properties that are used for background properties:

background-size
background-origin
background-clip

MULTIPLE BACKGROUND

CSS3 Multi background property is used to add one or more images at a time without HTML code, We can add images as per our requirement.A sample syntax of multi background images is as follows

    #multibackground { 
  
      background-image: url(images/flower.png);

      url(images/bg1.jpg);

      background-position: right bottom, left top;

      background-repeat: no-repeat, repeat;

      padding: 15px;
    
      }

Example:

Following is the example which demonstrate the multi background images:

    <html>

    <head>

    <style>

    #multibackground {

    background-image: url(images/flower.png),

    url(images/bg1.jpg);

    background-position: right bottom, left top;

    background-repeat: no-repeat, repeat;

    padding: 15px;

    }

    </style>

    </head>

    <body>

    <div id="multibackground">

    <h2> futurevisioncomputers</h2>

    <p> Future Vision Computer Institute was founded in 2006 with the mission of providing best quality Computer education to all classes of people at a
    very reasonable fee structure.</p>

    </div>

    </body>

    </html>

AKAPPS

learn Css3

MULTIPLE BACKGROUND

Example:

output:

fut