<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>応用問題</title>
<style>
figure{
width:9rem;height:12rem;
border:blue 5px solid;
}
div[class]{
width:3rem;height:3rem;
}
div.a{
background:#f5f5f5;
}
div.b{
background:#dcdcdc;
width:6rem;
}
div.c{
background:#c0c0c0;
width:6rem;
height:6rem;
}
div.d{
background:#808080;
}
div.e{
background:#696969;color:#C0C0C0;
height:6rem;
}
div.f{
background:#000000;color:#C0C0C0;
width:6rem;
}
</style>
</head>
<body>
<h1>応用問題</h1>
<article>
<h2>タイル貼り</h2>
<div>
<figure style="">
<div class="a">A</div>
<div class="b">B</div>
<div class="c">C</div>
<div class="d">D</div>
<div class="e">E</div>
<div class="f">F</div>
</figure>
</div>
</article>
</body>
</html>