Skip to content

Commit 75e6e6e

Browse files
committed
Add rainbow divs
1 parent fd66ce8 commit 75e6e6e

File tree

2 files changed

+39
-0
lines changed

2 files changed

+39
-0
lines changed

assets/html/rainbow-divs.html

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>🌈 Rainbow divs 🌈</title>
6+
<style>
7+
html {
8+
background-color: white;
9+
}
10+
div {
11+
display: block;
12+
padding: 12px;
13+
}
14+
.a { background-color: #ff0000; }
15+
.b { background-color: #ffa500; }
16+
.c { background-color: #ffff00; }
17+
.d { background-color: #008000; }
18+
.e { background-color: #0000ff; }
19+
.f { background-color: #4b0082; }
20+
.g { background-color: #800080; }
21+
</style>
22+
</head>
23+
<body>
24+
<div class="a">
25+
<div class="b">
26+
<div class="c">
27+
<div class="d">
28+
<div class="e">
29+
<div class="f">
30+
<div class="g">
31+
</div>
32+
</div>
33+
</div>
34+
</div>
35+
</div>
36+
</div>
37+
</div>
38+
</body>
39+
</html>

assets/img/box_model.png

5.93 KB
Loading

0 commit comments

Comments
 (0)