Add background image html

Css background image

background-image: url("image.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;

147

How to set a image as a backgroung image

<style>
body {
  background-image: url('img_girl.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
</style>

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>

Add background image html

<!-- Background image -->
<div class="bg-image" style="
      background-image: url('https://mdbootstrap.com/img/new/standard/city/041.jpg');
      height: 100vh;
    "></div>
<!-- Background image -->

-1

Source: mdbootstrap.com

Similar codes

2 votes124 views2 answers
Embed tag youtube
Html
10 votes134 views1 answer
Write & in html
Html
1 vote139 views1 answer
Best meta tags
Html
0 vote151 views1 answer
Python convert html table to text
Html
0 vote232 views1 answer
Read://https_www.panasonic.com/?url=https://www.panasonic.com/au/consumer/home-entertainment/recorders/dmr-bwt460gn.html?3739a18c-0c68-43cc-a4cb-b8b99e9bfd72=6cb7fd12-772f-4ee2-8a01-afb56e69bb62
Html
0 vote281 views3 answers
Uncaught ReferenceError: variable is not defined laravel
Html
2 votes136 views2 answers
Check if javascript is enabled
Html
2 votes139 views2 answers
Change color of mark in css
Html
2 votes159 views1 answer
How to switch between html pages
Html
9 votes142 views3 answers
Onclick on anchor tag
Html