How to put background image in CSS?
Article by Technical Riwash
In this article I am going to teach you how you can out
background image in HTML, CSS.
Let make folder with html.
<html>
<body>
You have background image in same folder.
Here are CSS script for background image .
<style type=”text/css”>
/*this is comment*/
What is #imgbg?
If you know html and css then know what is #imgbg?
#imgbg? Is css code that define html code with id
#imgbg{
background-image:
url("topbg.jpg");
background-position:
left top;
background-repeat:
no-repeat;
width: 500px;
height: 400px;
}
background-image: url("topbg.jpg");
it is css script that define that for background image.
background-position: left top;
It is for position that define left top.
background-repeat:
no-repeat;
This text for no repeat to image .
width: 500px;
height: 400px;
this define width and height of background image.
Now close the css text </style>
Now write html script
<div id=”imgbg>
</div>
Close html
</body>
</html>
Note :put css script in side <head> </head> tag.
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean.
No comments:
Post a Comment