Download to read offline
Uploaded byAbhishekMondal42
PPTX, PDF25 views
Css multi background
This document shows how to use multiple background images in CSS. It demonstrates setting two background images, positioning them in the left top corner but with different repeat settings of no-repeat and repeat. It also shows another example using three background images with different positions, repeat settings, and background sizes.
More Related Content
What's hot
More from AbhishekMondal42
Recently uploaded
Css multi background
- 1. CSS - MultiBackground
- 2. #multibackground { background-image: url(/css/images/logo.png),url(/css/images/border.png); background-position: left top, left top; background-repeat: no-repeat, repeat; padding: 75px; }
- 4. <html> <head> <style> #multibackground { background-image: url(/css/images/logo.png), url(/css/images/border.png); background-position:left top, left top; background-repeat: no-repeat, repeat; } </style> </head> <body> <div id = "multibackground"> <h1>www.texamine.com</h1> </div> </body> </html>
- 5. #multibackground { background: url(/css/imalges/logo.png)left top no-repeat, url(/css/images/boarder.png) right bottom no-repeat, url(/css/images/css.gif) left top repeat; background-size: 50px, 130px, auto; }