Multiple image background in CSS3

How to implement multiple image background on the webpage in CSS3?

Multiple background images can be implemented separating multiple background properties separated by comma (,).

<style>
        body {
            background-image: url('/itfunda.gif'), url('/dotnetfunda.png');
            background-position: left, right;
            background-repeat: no-repeat;
        }
    </style>

<body>
    <p>This is Some Text</p>
    <br />
    <a href="http://wwww.dotnetfunda.com" title="DotNetFunda.com">Dotnetfunda.com</a>
    <br />
    <p>This is Some text.</p>
</body>

In the above code snippet, we can notice that there are tow image URL's sepreted by comma (,).

OUTPUT