background property css 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;

Example 5: background in css

/* There are several ways of setting a background, like in HTML or CSS
	(I advise you to set it in CSS) You can set a colour or image with
	the same attribute: */

/* Setting the colour in a div, body, html (html is the whole page),
	class, and id: */
div, body, html, .myClass, #myId {
	background-color: grey;
}
/* Setting the image: */
div {
	background: url("img.jpg");
}
/* If you want to call an image from a specific directory use a '/'.
	For example, the image is in a folder called 'Images' (the HTML
	and CSS files have to be in the same folder as the 'Images folder') */
div {
	background: url("Images/img.jpg");
}

Tags: