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

0 vote400 views4 answers
Twig format datetime
Html
0 vote340 views1 answer
Htaml p
Html
1 vote338 views1 answer
Html query zip code
Html
0 vote309 views1 answer
How to change mouse into hand icon when you hover over something in html
Html
0 vote340 views1 answer
Uncaught TypeError: Cannot read properties of null (reading 'value') at HTMLButtonElement.<anonymous> (index.js:15) (anonymous) @ index.js:15
Html
2 votes339 views2 answers
Move button to right bootstrap
Html
0 vote344 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Html
1 vote308 views1 answer
How to show other website inside my website
Html
0 vote334 views2 answers
Simple table in bootstrap
Html
5 votes330 views3 answers
Ico html
Html