How to include a CSS background image 🏙️

[@BroCodez]

Bro Code

Hello
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident, laboriosam. Quasi voluptate, consequuntur quo atque ipsum vitae saepe necessitatibus debitis eius numquam minima quam laudantium, quis tempora molestias tenetur velit.
/* style.css */
body{
background-image: url(background.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
}

[@cathybenosa-decena5919]

how to copy this

[@cathybenosa-decena5919]

how to copy this

[@cathybenosa-decena5919]

how to copy this

[@llameraelgiard4298]

ang lupet mo bro!

[@vector5552]

❤

[@DanBauer]

You're honestly such a bro for all your work.

[@katelynchasie6833]

THANK YOU SO MUCH! Other videos make me confused and the output isn't showing up, BUT THIS SAVES MY LIFE

[@Beanblws]

THANK YOU SO MUCH THIS IS WORKKKKK! May you be blessed throughout your life

[@MartaNachname]

I rarely leave a message. But here we go: THANK YOU! So many others were so fast or skipped steps(probley due to that its automated for them,which I get) but this time I understood it! OMGoodness, I did a lil old lady happy dance

[@amstorm8954]

Amazing i feel now like a web developer:D

[@juniordre652]

you are a life safer, cannot believe this can solve a problem i having been trying to find a solution for the past 2 days

[@kevinsantiago2159]

You are a lifesaver, love you man

[@YasaruDeneth]

thank you so much i am trying to fit the image to background thanks for this video now i am not forgetting this

[@marinnabelchior]

Direct and Precise!!! Thank you

[@AdanJelle-wt4zu]

my teacher of all the time God bless you

[@ThandoHlongwane-zd4cb]

❤🎉 Thanks bro you made me a better bro.

[@hamroprint-p9z]

Millions of Thanks sir

[@iescu]

Thank you, been looking for this for 30 mins and found nothing helpful, finnaly found ur vid and solved the problem. Thanks!

[@martindervisov2211]

It doesn't work at my place😕🙁☹

[@FahimaAkter-vj7dm]

Same

[@bigyajeetkumarpatra6102]

same
@@FahimaAkter-vj7dm

[@lilduckeyy]

there has to be something you’re doing wrong. it works perfectly fine for me.

[@martindervisov2211]

@@lilduckeyy I have fixed that problem. Thanks.

[@AVImations-39228]

Have you tried changing your place

[@white3830]

Thanks bro saved my life❤

[@deeled7245]

Thank you very much, that was a great help.

[@zahid1909]

You are a real Master, bro! Respect!!

[@vedun7375]

Thank You so Much . It helped alot !!!

[@kaitlynsmiless3094]

I just watched another video on this, and the person did this same code but it was within HTML file in and it had the same outcome. Is there a difference in doing this? I feel the HTML and CSS being separated keeps it much more organized and a clean look unless there's a vast difference in doing it in the HTML file.

[@TheAngelMichael]

What you are talking about is "inline css" and it has the highest priority meaning that if you were to style the same elements with different values in an external stylesheet, the inline style values would show. It goes in this order from highest to lowest priority. Inline css, internal css, external css. Inline means you style them directly, internal means you use elements and external means a seperate stylesheet you import into html. I agree, it's best to use an external stylesheet but it has it's applications.

[@elliegeorgina]

its work. thank u so much!!

[@TheVSI]

Thank you so much, imthis was extremely helpful

[@isahiahalexander-lloyd6058]

Thank you!

[@K14Xeditz]

Thx i understood everything❤

[@JorielTejada-te4dd]

BROOO IMY SO MUCH I"M GLAD THAT YOU ARE BACK

[@thenoobboi3236]

bro you helped me twice good job

[@Kiratech234]

Bruh ur videos are always awesome thanks

[@simobono-n5]

thank you very much you are the best

[@MikuNEW]

Thanks Bro!

[@ROTHEGAMING]

You are a Sigma, wow bro!

[@RK93838]

Thanks my problem is solved

[@chitchatgamer4908]

Thanks

[@hexog101]

Thanks bro. It worked.

[@sharifhussain9267]

Thank you..... that was very helpful ❤

[@sadikusallieufofana3027]

Awesome

[@Danfel369]

Thank you very much broo!!

[@camp826]

thank you!!

[@bookiethelion]

bro, i love you!

[@spidysense7754]

Brooooooooooooooooooo ✨

[@officialvishalpatil5456]

thank bro it's working thank 🤩

[@damianbix7]

Thank you bro👍👍

[@rjmurphyo0]

this works but how come my microsoft expressions program is saying this isn't the current schema?

[@AisaKawaii_247]

thanks bro 👍👍👍

[@visitor_t-w3p]

Totally loved it

[@CaptainJames-d2o]

Thanks❤

[@yasotube]

Very cool 🎉

[@tonyam3676]

How did the html and style sheet become automatically linked to each other?

[@labassproject2897]

more than 2 days searching and i still cannot see a backgroung , even when y click the url link in css i can see the image im gonna blow my computer

[@lebronaraday8574]

thank you

[@vaniaaishere]

omgg thank you so muchh

[@Emperor-Kane]

How do you add a background image to a 2nd page?

[@Hanzz2008b]

Tysm bro🎉🎉🎉

[@Bootcamp-Coupondeal]

thank u so much

[@Pororo1726]

Good work bro code

[@sakilanitahar3204]

But why the svg doesn't work when i put it as a background img

[@SinaLaniakea]

Thank you 🙏

[@iarawy.]

a life saver

[@reezo4290]

“It works on my machine”

[@xsupreme144]

🔥🔥🔥🔥🔥🔥🔥

[@coderopy]

Very nice man

[@Eu.Caneta]

tysm

[@mariamkorkotadze4540]

Thank you❤❤

[@philsmycrevice]

body {
width: 100%;
height: 100vh;
margin: 0px;
padding:0px;
background-image: url(2turdsplaying[169].jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;

}
I have the img file in my folder so does anyone know why my background pic isn't displaying?

[@panagantinagaraju870]

Sir still it is not working for me sir

[@ravalik2103]

Plz do full stack web development course

[@maxklariczen7320]

youre the boss!!!!

[@andyl9920]

Where can i find great high pixel images for free?

[@Paradisecountryinc]

What program are you using in this video?

[@felipeportela5693]

VScode

[@Sabrina-gq5qx]

thanksssss

[@9-volt247]

Wait, this code works in Khan Academy? I didn't know that!

[@UNKNOWN_1005-o5A]

it works every were😁😁

[@UNKNOWN_1005-o5A]

exept my vs code😒😒

[@baghelcreation9146]

❤

[@abidshaikh8251]

//thanks

[@h_prohalo161]

finallyy im free
thank you

[@homeofqualitymovies8185]

What is the size of the image

[@Kate-fz5vs]

TYSM

[@soueinivle948]

why when I use backround image it will gonna be blury

[@techymc3033]

Maybe you could add a vector image instead

[@bgvikram12]

bro this code is not working in blogger website bro

[@raging_azzhole3672]

this code doesn't work for me at all, doesn't do anything and visual studio says they are wrong??

[@hubjinthegreat]

if your background image is in its own folder then your code should look like: background-image: url(images/background.jpg); Where I typed images is the name of the folder where the image will be, however your folder might have a different name.

[@UNKNOWN_1005-o5A]

it still does not work😮‍💨😮‍💨@@hubjinthegreat

[@hamzitoless]

@@hubjinthegreat hey , I have written that way but the image still does not appear on the live server.

[@rockrohith2217]

Thank you😊​@@hubjinthegreat

[@Goops_Soup]

why it doestn work for me

[@LegoismYT]

he is a bro

[@bogdanlazy1997]

chur bro

[@vidyoustrm1442]

Thank you!