59 lines
2.3 KiB
HTML
59 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>table simple</title>
|
|
<meta charset="utf-8"/>
|
|
</head>
|
|
<style>
|
|
div {
|
|
position: absolute;
|
|
width: 2em; height: 2em;
|
|
}
|
|
</style>
|
|
<body>
|
|
|
|
<div style="position: absolute; top: 0; left: 0;">
|
|
<div style="top: 0; left: 0; background: red"></div>
|
|
<div style="top: 0; left: 6em; background: green"></div>
|
|
<div style="top: 0; left: 12em; background: blue"></div>
|
|
|
|
<div style="top: 2em; left: 0; width: 4em; background: yellow"></div>
|
|
<div style="top: 2em; left: 6em; width: 4em; background: magenta"></div>
|
|
<div style="top: 2em; left: 12em; width: 4em; background: cyan"></div>
|
|
|
|
<div style="top: 4em; left: 0; width: 6em; background: #eee"></div>
|
|
<div style="top: 4em; left: 6em; width: 6em; background: grey"></div>
|
|
<div style="top: 4em; left: 12em; width: 6em; background: black"></div>
|
|
</div>
|
|
|
|
<div style="position: absolute; top: 10em; left: 0;">
|
|
<div style="top: 0; left: 2em; background: red"></div>
|
|
<div style="top: 0; left: 8em; background: green"></div>
|
|
<div style="top: 0; left: 14em; background: blue"></div>
|
|
|
|
<div style="top: 2em; left: 1em; width: 4em; background: yellow"></div>
|
|
<div style="top: 2em; left: 7em; width: 4em; background: magenta"></div>
|
|
<div style="top: 2em; left: 13em; width: 4em; background: cyan"></div>
|
|
|
|
<div style="top: 4em; left: 0; width: 6em; background: #eee"></div>
|
|
<div style="top: 4em; left: 6em; width: 6em; background: grey"></div>
|
|
<div style="top: 4em; left: 12em; width: 6em; background: black"></div>
|
|
</div>
|
|
|
|
<div style="position: absolute; top: 20em; left: 0;">
|
|
<div style="top: 0; left: 4em; background: red"></div>
|
|
<div style="top: 0; left: 10em; background: green"></div>
|
|
<div style="top: 0; left: 16em; background: blue"></div>
|
|
|
|
<div style="top: 2em; left: 2em; width: 4em; background: yellow"></div>
|
|
<div style="top: 2em; left: 8em; width: 4em; background: magenta"></div>
|
|
<div style="top: 2em; left: 14em; width: 4em; background: cyan"></div>
|
|
|
|
<div style="top: 4em; left: 0; width: 6em; background: #eee"></div>
|
|
<div style="top: 4em; left: 6em; width: 6em; background: grey"></div>
|
|
<div style="top: 4em; left: 12em; width: 6em; background: black"></div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|