How to include a CSS background image 🏙️

Рет қаралды 163,098

Күн бұрын

#CSS #tutorial #course
CSS background image tutorial example explained
body{
background-image: url(background.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
}

Пікірлер: 96

@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 7 ай бұрын

how to copy this

@cathybenosa-decena5919 7 ай бұрын

how to copy this

@cathybenosa-decena5919 7 ай бұрын

how to copy this

@llameraelgiard4298 6 ай бұрын

ang lupet mo bro!

@vector5552 4 ай бұрын

❤

@DanBauer 9 ай бұрын

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

@MartaNachname 11 күн бұрын

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

@katelynchasie6833 9 ай бұрын

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

@AdanJelle-wt4zu 2 ай бұрын

my teacher of all the time God bless you

@Beanblws 4 ай бұрын

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

@juniordre652 16 күн бұрын

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 4 ай бұрын

You are a lifesaver, love you man

@ThandoHlongwane-zd4cb 10 ай бұрын

❤🎉 Thanks bro you made me a better bro.

@JorielTejada-te4dd 10 ай бұрын

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

@sadikusallieufofana3027 Ай бұрын

Awesome

@white3830 15 күн бұрын

Thanks bro saved my life❤

@YasaruDeneth 2 ай бұрын

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

@zahid1909 8 ай бұрын

You are a real Master, bro! Respect!!

@iescu 3 ай бұрын

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

@Pororo1726 6 ай бұрын

Good work bro code

@yasotube Жыл бұрын

Very cool 🎉

@xsupreme144 4 ай бұрын

🔥🔥🔥🔥🔥🔥🔥

@RK93838 Ай бұрын

Thanks my problem is solved

@deeled7245 2 ай бұрын

Thank you very much, that was a great help.

@Kiratech234 7 ай бұрын

Bruh ur videos are always awesome thanks

@vedun7375 Ай бұрын

Thank You so Much . It helped alot !!!

@thenoobboi3236 9 ай бұрын

bro you helped me twice good job

@K14Xeditz Жыл бұрын

Thx i understood everything❤

@SimoBono-ng5ci 2 ай бұрын

thank you very much you are the best

@spidysense7754 Ай бұрын

Brooooooooooooooooooo ✨

@chitchatgamer4908 8 ай бұрын

Thanks

@TheVSI 5 ай бұрын

Thank you so much, imthis was extremely helpful

@AisaKawaii_247 3 ай бұрын

thanks bro 👍👍👍

@coderopy 10 ай бұрын

Very nice man

@sharifhussain9267 7 ай бұрын

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

@user-ql7pw7ld1n 6 ай бұрын

Totally loved it

@kaitlynsmiless3094 9 ай бұрын

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 9 ай бұрын

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.

@foodieintelligence7250 4 ай бұрын

Thanks bro

@hexog101 Ай бұрын

Thanks bro. It worked.

@Bootcamp-Coupondeal Ай бұрын

thank u so much

@MikuNEW 5 ай бұрын

Thanks Bro!

@martindervisov2211 7 ай бұрын

It doesn't work at my place😕🙁☹

@FahimaAkter-vj7dm 6 ай бұрын

Same

@bigyajeetkumarpatra6102 5 ай бұрын

same @@FahimaAkter-vj7dm

@notyurpookie 4 ай бұрын

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

@martindervisov2211 4 ай бұрын

@@notyurpookie I have fixed that problem. Thanks.

@AVImations-39228 3 ай бұрын

Have you tried changing your place

@damianbix7 3 ай бұрын

Thank you bro👍👍

@bookiethelion 3 ай бұрын

bro, i love you!

@officialvishalpatil5456 4 ай бұрын

thank bro it's working thank 🤩

@Danfel369 2 ай бұрын

Thank you very much broo!!

@rjmurphyo0 3 ай бұрын

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

@vidyoustrm1442 2 ай бұрын

Thank you!

@baghelcreation9146 3 ай бұрын

❤

@reezo4290 2 ай бұрын

“It works on my machine”

@SinaLaniakea 6 ай бұрын

Thank you 🙏

@maxklariczen7320 8 ай бұрын

youre the boss!!!!

@iarawy. 5 ай бұрын

a life saver

@sakilanitahar3204 Ай бұрын

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

@tonyam3676 6 ай бұрын

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

@Hanzz2008b 3 ай бұрын

Tysm bro🎉🎉🎉

@mariamkorkotadze4540 5 ай бұрын

Thank you❤❤

@Emperor-Kane 3 ай бұрын

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

@Sabrina-gq5qx 4 ай бұрын

thanksssss

@labassproject2897 5 ай бұрын

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

@homeofqualitymovies8185 5 ай бұрын

What is the size of the image

@andyl9920 3 ай бұрын

Where can i find great high pixel images for free?

@ravalik2103 11 ай бұрын

Plz do full stack web development course

@Paradisecountryinc 9 ай бұрын

What program are you using in this video?

@felipeportela5693 8 ай бұрын

VScode

@Kate-fz5vs 7 ай бұрын

TYSM

@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?

@vijayaBGvijayaBG 4 ай бұрын

bro this code is not working in blogger website bro

@9-volt247 9 ай бұрын

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

@UNKNOWN_1005-o5A 7 ай бұрын

it works every were😁😁

@UNKNOWN_1005-o5A 7 ай бұрын

exept my vs code😒😒

@panagantinagaraju870 3 ай бұрын

Sir still it is not working for me sir

@GoopsSoup 11 күн бұрын

why it doestn work for me

@soueinivle948 9 ай бұрын

why when I use backround image it will gonna be blury

@techymc3033 9 ай бұрын

Maybe you could add a vector image instead

@LegoismYT 6 ай бұрын

he is a bro

@raging_azzhole3672 9 ай бұрын

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

@hubjinthegreat 8 ай бұрын

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 7 ай бұрын

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

@hamzitoless 6 ай бұрын

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

@rockrohith2217 20 күн бұрын

Thank you😊@@hubjinthegreat