17-CSS Multi-Background Property


CSS Multi-Background Property helps in adding one or more images at a time without  even using HTML code, A user  can have as many  images as per  his requirement in just a single page.



Happiness is a gift sent from heaven, a smile graced on a face and a laugh fixed with a beautiful melody. Happiness is beauty in a song that you’ve never heard, but know all the words to.

Happiness is doing a good deed to someone, giving a kiss to your parents on a regular basis, telling someone you love them because life is short and being happy is the first thing you want to be. Happiness is closing your eyes, taking a deep breath and getting tears in your eyes because you just love life


Happiness is staying simple but being the best person you can ever be. Happiness is writing a story about heartbreaks, disappointments that turn into success and well, happiness. Happiness is dancing to a beat that carries you on a thin air of happily ever afters and people who care.

Happiness is dreaming of being free, waking up and achieving up. Happiness is finding something you never expected to find—and love it. Happiness is a round-way ticket to heaven of smiling faces and friendly crowds.

Being loved is happiness. Happiness is a word you can’t explain, but your heart does that certain jump that makes you smile endlessly. Being happy is love.

And now, tell me, how long have you been happy?

Have you ever tried waking up one morning, looking at the mirror, smiling at the sun with no particular reason? Have you tried sitting down, taking it in, crying, and thinking it’s you against the world and the next thing a hand touches your shoulder and you don’t remember why you’ve been sitting in the corner with tears in your eyes at all. Have you tried doing something without any hesitations and you’re glad you did? Have you tried praying to God with a smile on your face, thanking him for everything you’ve become and everything you have and reached?

[/css] You can even change the size of the multiple backgrounds by the following code:
[css] #multibackground {
background: url(images/logo.png) left top no-repeat, url(images/ring.png) right bottom no-repeat, url(images/rome.gif) left top repeat;
background-size: 60px, 140px, auto;


All this helps when a user wants to create a webpage like where several key points are given and you want to set the theme in background defining that keypoint.

Facebook Comments
Previous article16-CSS Image Gallery
Next article18-CSS Navigation Bar
Hello Itsourcecoders, welcome to itsourcecode.com. I'm Joken Villanueva, MIT a passionate Blogger, Programmer and a Hobbyist. I started Itsourcecode because I wanted to give back and Share all the learnings and knowledge I've learned in my career and I believe through this website I would be able to help and assist those newbie programmers in enhancing their skills from different programming languages. So let us all help each other by sharing our ideas!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.