Ivan Aksamentov - Drop
Ivan Aksamentov - Drop
Programming language:Html
2021-06-20 17:07:25
0
Q:

how to add a background image in html

user31382
user31382
Code: Html
2021-01-29 08:57:30 
<!-- Add in a HTML element: -->
<div style="background-image: url('img.jpg');">

<!-- Add in a <style> element: -->
<style>
div {
  background-image: url('img.jpg');
}
</style>

<!-- Add to the entire body: -->
<style>
body {
  background-image: url('img.jpg');
}
</style>
2
MOOMFFF
MOOMFFF
Code: Html
2021-01-29 08:56:04 
<!DOCTYPE HTML>
<html lang=us>
  <meta charset=UTF-8>
  //the following code within the style tags is CSS.
<style>
  /*this is a body tag. After specifying 
  that we want to affect the whole body,
  we add {}, and write the background color
  we want to change it to. */
  body{background:rgb(255,0,0);
  }
  /* this is a class, which we have named green. we add {}, then
  write the background color we want.*/
  .green{background:green}
   /* this is an id, which we have named blue. we add {}, then
  write the background color we want.*/
  #blue{background:blue}
</style>

<body>
This background is red.
  // you must make sure to note that when you add a background to
  a paragraph, you must add a class or id, name it, then style it 
  as seen above.  with tags HTML already recognizes, however, you 
  don't have to do anything more than shown above.
  <p class="green">
  This background is green.</p>
  <p id="blue">This background is blue.</p>

</body>

</style>
</html>
3
Frank
Frank
Code: Html
2021-04-23 04:45:53 
<!-- HTML -->
<div id="imageDiv"></div>

<!-- CSS -->
<style>
  #imageDiv {
	background-image: url('someimage.png');
  }
</style>
1
Stefan
Stefan
Code: Html
2021-02-26 11:04:50 
<!-- Code by Scratchy -->
<!-- Twitter: @S_cratchy-->

<head>
  <style>
    body {
      background-image: url(https://wallup.net/wp-content/uploads/2019/09/110394-cats-grey-kittens-fluffy-fat-grass-animals-cat-kitten-baby-cute-748x468.jpg) 
    }
  </style>
  
  <body>
    You have set the background image!
    
    
    
  </body>
0

Tags

Related

New to Communities?

Join the community