반응형
<!DOCTYPE html>
<html>
<head>
<style>
* {
padding: 0px;
margin: 0px;
box-sizing: border-box;
}
.box1 {
width: 800px;
height: 150px;
}
.box2 {
width: 30%;
height: 150px;
}
.box5 {
width: 800px;
height: 150px;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td class="box1" colspan="4"></td>
</tr>
<tr>
<td class="box2"></td>
<td class="box3" colspan="2"></td>
<td class="box4"></td>
</tr>
<tr>
<td class="box5" colspan="4"></td>
</tr>
</table>
</body>
</html>
반응형