Solo toma una mesa hecha por ti y úsala
Código:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.first{
width: 90px;
height: 100px;
}
.third{
width: 45px;
height: 100px;
/* vertical-align: middle!important; */
}
#word{
background-color: #3064BB;
}
#words{
background-color: #6D91CF;
}
</style>
</head>
<body>
<table width="562" height="200" cellpadding="5" cellspacing="5">
<tr >
<th colspan="2" class="first" id="word">1
</th>
<th colspan="2" class="first" id="words">2</th>
<th class="third" id="word" >3</th>
<th class="third" id="word" >4</th>
</tr>
<tr>
<th class="third" id="words">5</th>
<th class="third" id="word">6</th>
<th class="third" id="words">7</th>
<th class="third" id="word">8</th>
<th class="third" id="word">9</th>
<th class="third" id="words">10</th>
</tr>
</table>
</body>
</html>
在这里插入代码片
Imagen de efecto:
