TECHNOLOGIES
FORUMS
JOBS
BOOKS
EVENTS
INTERVIEWS
Live
MORE
LEARN
Training
CAREER
MEMBERS
VIDEOS
NEWS
BLOGS
Sign Up
Login
No unread comment.
View All Comments
No unread message.
View All Messages
No unread notification.
View All Notifications
C# Corner
Post
An Article
A Blog
A News
A Video
An EBook
An Interview Question
Ask Question
Setting background image of webpage using CSS
Dhananjay Kumar
Aug 11, 2014
4.1
k
0
2
facebook
twitter
linkedIn
Reddit
WhatsApp
Email
Bookmark
In this blog you will see how to set background image of webpage using CSS.
I am a developer and designing mainly CSS takes hell out of me. So even to do a small things like setting background image of web page takes lot of effort of me. I am working on an application and using Twitter Bootstrap for the designing purpose. I had a requirement to set background image using bootstrap. In this post I am sharing how can you do that? I know for many of you it may be super easy or may have better way to do. I am sharing this tips for developers like me who does not have any idea how CSS and bootstrap works.
body {
margin: 0;
background: url('bg5.jpg');
background-size: 1440px 800px;
background-repeat:no-repeat;
display: compact;
}
I have put image in the root folder of application. I hope this quick tip may help you. After setting this application looks like,
Thanks for reading.
Setting background image of webpage using CSS
Next Recommended Reading
Drop Down Menu using CSS