# Image

index.html

<html>

<head>
    <title>Img</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <img class="img-style" src="https://images.unsplash.com/photo-1421790500381-fc9b5996f343?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2134&q=80">
    <img class="img-style" src="img.jpg">
    <div class="card">
        <h1>Tree</h1>
    </div>
</body>

</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

style.css

.img-style {
    height: 200px;
}

.card {
    color: wheat;
    height: 200px;
    width: 500px;
    background-image: url("img.jpg");
    background-position: center;
    background-size: cover;
}

1
2
3
4
5
6
7
8
9
10
11

img.jpg