Answers for "css background image f"

CSS
10

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>
Posted by: Guest on May-20-2020
5

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>
Posted by: Guest on February-18-2020
0

CSS adding background image from file

/* The first method using an image on your server */
background: url('img/someimage.jpg');

/* The second method using an image hosted on another server */
background: url('http://www.someimage.com/someimage.jpg');

/* A third method that allows the site to determine protocol instead of explicitly defining it */
background: url('//www.someimage.com/someimage.jpg');
Posted by: Guest on August-31-2020
0

background-image url( background.png )

body {
  /* Base64 encoded transparent gif */
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
Posted by: Guest on November-11-2020

Browse Popular Code Answers by Language