PHP, MYSQL, CSS, LINUX TUTORIALS

CSS3: Multiple backgrounds

Now i’ll show you how to create a div with multiple backgrounds with the new CSS3.

Browser support: Google Chrome, FireFox 3.6 and later, Opera 9.6, Safari 3.2.1

#someDiv {
	border: 2px solid #333;
	background:url('images/image-1.png') top left no-repeat, url('images/image-2.png') bottom left no-repeat, url('images/image-3.png') bottom right no-repeat;
	padding: 10px 5px;
	height: inherit;
	width: 300px;
}

2 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>