#26 CSS Backgrounds - CSS Full Tutorial

In this lesson we take a look at the CSS Background property in detail, with examples for each keyword.

The shorthand CSS Background property order:
background-image
background-position / background-size
background-repeat
background-attachment
background-origin
background-clip
background-color

------------------

------------------

------------------

------------------

------------------

------------------------------------------------------------------------------------
Learn with Dev Dreamer! Step by step and simple to understand :-)

[Max-Kramer]

It's been 4 years. And I want to thank you — it was helpful. I also like how you explain the material, considering different situations and solutions.

[cursor]

Love this style of explaining. Short and fast but got everything I need. Thanks!

[ShermukhammadKarimov]

Thank you for the seamless explanation. This helped me a lot.

[farazk]

You're a great teacher; you know how to think like a student. Thanks!

[AlessandraHudson]

Excellent painless introduction, thank you!

[OneBrokeBloke]

This was exactly the level of basic i wanted, ty

[levi]

Thanks a lot ❤ you are an awesome 🤩 teacher

[Excel-ytdq]

Thank you so much I really love the explanation ❤👏

[cabdikaficiise]

Dev Dreamer thanks you, background property is very usefull of css, this course i learned background propery and how to work or relation and the content to one another

[learntheweb-djkx]

background: [background-image ] [background-position ] / [background-size ] [background-repeat ] [background-attachment ] [background-origin ] [background-clip ] [background-color ];

[rahmathrahmath]

I have one problem whenever I add backgrounds (like gradients or images) it automatically splits into parts. I have given background-size: cover; and background-repeat: no-repeat; everything in a right way, but my display is still splitting (gradients splits into three parts and background image becomes broken two parts.

[gayatrikshirsagar]

In which app you do this programs
App name plz sir

[thecrossedtheroadfund]

Sure, but how to change the body background color?

#internetbreaks

[mahmoudmohamed-xulb]

how to make the effect of code in html shows in google chrome without reload

[fandydancer]

why after a break from speaking do you want until you have to talk again to breathe?

[rahmathrahmath]

I have one problem whenever I add backgrounds (like gradients or images) it automatically splits into parts. I have given background-size: cover; and background-repeat: no-repeat; everything in a right way, but my display is still splitting (gradients splits into three parts and background image becomes broken two parts).