HomeОбразованиеRelated VideosMore From: websofttutorials

Html and Css Tutorial - 17 - How to add background image to html document

173 ratings | 87315 views
For all my tutorials go to: http://websofttutorials.com/ In this tutorial i will show you How to add background image to html document. and in this tutorial i will show you that how can we repeat background image horizontally and vertically and after that i will show you that how to set background position.
Html code for embedding videos on your blog
Text Comments (39)
Filmy Guy (2 months ago)
Bro it is showing craked image..after choosing right source .... What should i do ? Please reply
LightAccel (5 months ago)
nice thanks :)
Im Ice Bear (8 months ago)
Christian Darrall (8 months ago)
why not use background { background-image: url("..//images/background.jpg"); background-repeat: no-repeat; background-size: 100% 100%;"> }
Inoxent Rayyan (9 months ago)
not working
patil pooja (9 months ago)
Thank u,this helped me a lot in my project.
Zahin Aqtab Sodial (1 year ago)
Thnx dude it was helpful
MOODROLL (1 year ago)
no working ..reply
Game Of Politics (1 year ago)
Thank You.....
Nick 8bp (1 year ago)
not working
Hemali Malam (1 year ago)
how make full size image in the background????
That_one_jeshua (1 year ago)
Its works,but how to reduce size
ashif21 (1 year ago)
Will it work on notepad ++ ?
Arpita Singh (1 year ago)
for those people whose code isn't working: There are different syntax for css, maybe this one isn't supporting. Try others, google them. Because for me, the others weren't working but this one did!
Arslan Khalid (2 years ago)
why is it not working............i have typed the code correctly
Dz Player01 (2 years ago)
Nocturnal Gaming (2 years ago)
Parimal Swamy Goona (2 years ago)
It worked for me, thanks
Amith Kumar (2 years ago)
this did'nt work for me
Outdated Cosplay (2 years ago)
Austin Destani (7 months ago)
Amol Impal I input your code and it didn't work for sublime text 3, is it the text editor?
Zahin Aqtab Sodial (1 year ago)
Use the background-size: cover;
Amol Impal (1 year ago)
Just use this code in your css .background { background-image: url(yourimage.jpg); background-repeat: no-repeat; background-size: cover; }
Lynx TC (2 years ago)
just download an wallpaper that you like for that website.make sure its HD!!then type this code!! background-image:url(' image url here'); background-repeat:no-repeat;
Ashutosh Adarsh (2 years ago)
wow what a fuck lecture.
Jeremy (2 years ago)
your indentation is shit pajeet
Adam9130 (2 years ago)
eXiG (3 years ago)
I can't even understand you
upshaw destine (3 years ago)
can i just randomly start with the body somewhere on the page
YouTube Rocks (3 years ago)
What What What What .......This smells bad!!!!!!!!!!!!!!!!!!!!!!!
RafiSG (3 years ago)
Actually I found this tutorial to be very helpful, simple and effective. It was simple to follow and quick. Just because he has an accent doesn't mean he A) doesn't know his subject and B) isn't a good teacher. Thank you :)
Dr Clef (3 years ago)
It never works goddammit
dune it (3 years ago)
Without doing the tags for styling in Css this probably won't work. don't forget to add the <style> closing and opening CSS
해아침 (3 years ago)
its not working... ughhh
TryTrueSolutions (3 years ago)
Good for learner....thanks
Lemons (3 years ago)
Confusing. VERY confusing.
king play play (3 years ago)
Very good!!!Easy the best tutorial for CSS Background on own HTML file =D
abigael gicana (4 years ago)
Shy Technology (4 years ago)
thank you

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.