setting image as background in html code example
Example 1: css background image
background-image: url("image.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
Example 2: how to set background image in html
<!-- Add image by a HTML element: -->
<div style="background-image: url('img.jpg');">
<!-- Add image by a <style> element: -->
<style>
div {
background-image: url('img.jpg');
}
</style>
<!-- Add to the entire body: -->
<style>
body {
background-image: url('img.jpg');
}
</style>
Example 3: background image html
<!-- Background images are better implemented in CSS -->
<!-- but here is how you could do it in HTML in a pinch -->
<head>
<style>
.background {
background-image: url(https://cleananddelicious.com/wp-content/uploads/2016/03/Avocad0-CD.jpg);
}
</style>
</head>
<body>
<div class=background>
<h1>The background of this div will be an avocado</h1>
</div>
</body>
Example 4: inserting a image in html backgound
<html>
<style>
body
{
background-color: url('url from web');
}
</style>
<body>
<!-- Your body displayed with the picture-->
<h1></h1>
</body>
</html>
Example 5: how to make a picture your background on html
<html>
<body>
<h2>Background Image</h2>
<div style="background-image: url('img_girl.jpg');">
Example 6: background image html
<!DOCTYPE html>
<html>
<head>
<style>
.bg-img {
background-image: url("https://cleananddelicious.com/wp-content/uploads/2016/03/Avocad0-CD.jpg");
}
</style>
</head>
<body>
<div class="bg-img">
<h1>The background of this div will be an avocado</h1>
</div>
</body>
</html>