CSS Background Image Tutorial: Lecture 37, Web Design for Beginners Course

Learn how to add background images with CSS (repeat or tile, position, size, and multiple images assigned to a single element).

If you want a full screen background try applying these background image techniques to the "html" or "body" element.

If you want a "fixed" or "sticky" background image try adding the following declaration to the relevant CSS rule: "background-attachment: fixed;"

[gog]

I just want to compliment you on how your videos are done. Text is a good size, easy to see, voice is clean and clear easy to understand what you're saying. You've done an excellent job. Thanks for the video.

[KristenMcWilliam]

I love your videos! I was having big trouble with this feature, and as usual you cleared it right up. Please keep making videos, your html & CSS tutorials have helped me more than any other youtube channel :)

[evab]

Like your video! It’s at a great speed and you actually sound like an educator. Keep up the great work!

[matuto]

Thanks Sir for sharing your knowledge about CSS with us. In my case, it is helping me a lot. I'm not a web developer and now I start to understand this thing called CSS that sounded like the Chinese Language to me. Thanks very much!

[sskdev]

Wow of all the videos I've seen this is the easiest to understand.!!!

[AngelinBondage]

Excellent.
I will now use background images. I did not know the CSS property "cover". Thats easy now.
Thank you for sharing. Keep up the good work.

[Music-zvqt]

great tutorial. good job slowly explaining everything in full detail.

[rukesh.shrestha]

Thank you so much . my page did't show the images but after watching this tutorial my page work 100%.

[TheCAG]

Wow!!! I know this was published a few years ago, but I am learning HTML and CSS, and about to learn Java Script and Jquery. But I bought a book by Jon Duckett and looked all over the place online and nowhere at all do they mentioned the helpful information that in CSS it's going to be looking in the CSS folder, so you have to use the ../ to get it out of the CSS folder. Thank you so so much! I was very frustrated until I watched this video!

[treefolkhero]

Love the video! I am working on my web design webpage as I am watching this!

[zoebridgers]

Your the best, keep up the great work, making even older adults wanting to learn code!

[user]

you taught so clearly. kudos to you!!!

[kellymaddenartstudio]

Excellent! I so appreciate your helpful tutorials and teaching style.

[mdshikot]

you are boss
I learn a lot from you. I had problem about background image. It's solved now.
thanks for cool lecture...

[samirs]

Nice video, really clear explanation. Perfect for what I was looking for, thanks

[muhammadrantanabdullahi]

am happy for coming across this video.

[norbertohernandez]

Excellent work, thanks and greetings from Mexico

[Jfred]

This was awesome man! Thanks for your excellent work!!

[jefrytc]

muchas gracias ! excelente video me ayudo mucho

[MrGalo]

Thanks for the tutorial! Wish you a happy day!