CSS3 > Background

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

 Views: 715 | Post Order: 43



Write for us