how to style background image in css code example

Example 1: how to blur background color in css

background: rgba(255,255,255,0.5);
backdrop-filter: blur(5px);

Example 2: css background image

background-image: url("image.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;

Example 3: how to add background in css

body {
 background-image: url("paper.gif");
 background-color: #cccccc;
}

Example 4: background image css

.wrapper {
    background: url('./images/homeBg.png') no-repeat;
    background-size: 100vw; 
    float: left;
    height: 100vw;
    width: 100vw;
}

Example 5: 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 6: background image css

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