how to add an image in css

1 <img src="fire-salamander.jpg">
2/*Make sure that your file name is case accurate, put it where fire salamander is./*/

1.element {
2  background-image: url("imageFile.png");
3}

1background-image: url(path);
2background-repeat: no-repeat;
3width: 10px;
4height: 20px;
5

1div.mydiv:after {
2  content: url(image.jpg); /*url of your image*/
3}
4
5or
6
7div.mydiv {
8   width:100px; /*width of your image*/
9   height:100px; /*height of your image*/
10   background-image:url('image.file');
11}

1.parent {
2  position: relative;
3  top: 0;
4  left: 0;
5}
6.image1 {
7  position: relative;
8  top: 0;
9  left: 0;
10  border: 1px red solid;
11}
12.image2 {
13  position: absolute;
14  top: 30px;
15  left: 30px;
16  border: 1px green solid;
17}

1background-image: url("imageFile.png");