-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathex05-06.html
32 lines (29 loc) · 1019 Bytes
/
ex05-06.html
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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>z-index 프로퍼티</title>
<style>
div {position : absolute;}
img {position : absolute;}
#spadeA {z-index:1; left :10px; top : 20px;}
#spade2 {z-index:2; left :40px; top : 30px;}
#spade3 {z-index:3; left :80px; top : 40px;}
#spade7 {z-index:4; left :120px; top : 50px;}
</style>
</head>
<body>
<h3>z-index 프로퍼티</h3>
<hr>
<div>
<img id="spadeA" src="media/spade-A.png"
width="100" height="140" alt="스페이드A">
<img id="spade2" src="media/spade-2.png"
width="100" height="140" alt="스페이드2">
<img id="spade3" src="media/spade-3.png"
width="100" height="140" alt="스페이드3">
<img id="spade7" src="media/spade-7.png"
width="100" height="140" alt="스페이드7">
</div>
</body>
</html>