control different background image position : background position : Box Model HTML CSS TUTORIALS

HTML CSS TUTORIALS » Box Model » background position »

control different background image position


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <title></title>
<style type="text/css">
h2 {
    padding-top: 72px;
    text-align: center;
    Background-image: url(p.gif), url(m.gif), url(printer.gif), url(gift.gif);
    Background-position: center, top center, 40% 24px, 60% 24px;
    Background-repeat: no-repeat;
}
</style>
    </head>
    <body>
<h2>header 2</h2>
<h3>header 3</h3>

<p>This is a text.</p>


    </body>
</html>