HTML_Files/Example3.html at master · PhamBoy47/HTML_Files · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Poster</title>
    <style>
        .container{
            height: 300px;
            width: 200px;
            border: 3px solid black;
            margin: 200px auto;
            position: relative;
        }
        .items{
            height: inherit;
            width: inherit;
            border: inherit;
            top: 0px;
            position: absolute;
        }
        #d1{
            background-color: chartreuse;
            z-index: 2;
        }
        #d2{
            background-color: cadetblue;
            z-index: 3;
        }
        #d3{
            background-color: blue;
            z-index: 0;
        }
        #d4{
            background-color: coral;
            z-index: -1;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="items" id="d1">A</div>
        <div class="items" id="d2">B</div>
        <div class="items" id="d3">C</div>
        <div class="items" id="d4">D</div>
    </div>
</body>
</html>