background css property code example

Example 1: html background image

<!-- 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>

Example 2: background css

/* Color (Example: red): */
html,body {
  background-color: red;
}

/* Image (Example: your.picture): */
html,body {
  background-image: url("your.picture");
}

Example 3: background css

body {
  background: #ffffff url("img_tree.png") no-repeat fixed right top;
}

Example 4: background url with color css

background: linear-gradient(0deg, rgba(2,173,231,0.5), rgba(2,173,231,0.5)), url(images/mba-grid-5px-bg.png) repeat;

Tags:

Misc Example

Related