how to set background color on image in 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: 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 3: add background image in css
.w {
background-image: url("images/tom1.png");
}
.a {
background-image: url("images/tom2.png");
}
.s {
background-image: url("images/tom3.png");
}
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: adding background image css
body {
background-image: url("paper.gif");
background-color: #cccccc;
}
body {
background-image: url("img_tree.gif"), url("paper.gif");
background-color: #cccccc;
}