首先运用到的核心知识是:
<table border="边框大小" cellspacing="空隙大小" cellpadding="填充大小">
这是效果图:
源代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- <table border="边框大小" cellspacing="空隙大小" cellpadding="填充大小">-->
<table border="5" cellspacing="10px" cellpadding="5px" bgcolor="#deb887" align="center" width="666px">
<tr>
<td colspan="3" align="center">
This is my menu
</td>
</tr>
<tr>
<td rowspan="2">Meat dishes
</td>
<td>eggs
</td>
<td>beef
</td>
</tr>
<tr>
<td>Noodles
</td>
<td>beef
</td>
</tr>
<tr>
<td rowspan="2">Lunch
</td>
<td>eggs
</td>
<td>beef
</td>
</tr>
<tr>
<td>Noodles
</td>
<td>beef
</td>
</tr>
</table>
</body>
</html>