change image background color css code example
Example 1: css background image
background-image: url("image.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
Example 2: css background color
body {
background-color: green;
}
Example 3: add background image and color css
background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%),url("logo/header-background.png");
Example 4: 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>
Example 5: background in css
div, body, html, .myClass, #myId {
background-color: grey;
}
div {
background: url("img.jpg");
}
div {
background: url("Images/img.jpg");
}