html创建两个3*3表格,中间用分割线隔开
时间: 2024-09-09 07:13:53 浏览: 78
在HTML中,你可以通过嵌套`<table>`标签并结合CSS来创建两个3x3的表格,并用`<hr>`标签添加分割线将它们隔开。下面是一个示例:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
.splitter {
width: 100%;
height: 1px;
background-color: #ccc; /* 分割线颜色 */
margin: 5px 0; /* 两边留有间距 */
}
</style>
</head>
<body>
<table border="1">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
<div class="splitter"></div>
<table border="1">
<tr><td>10</td><td>11</td><td>12</td></tr>
<tr><td>13</td><td>14</td><td>15</td></tr>
<tr><td>16</td><td>17</td><td>18</td></tr>
</table>
</body>
</html>
```
在这个例子中,第一个表格代表了左半部分,第二个表格代表了右半部分。`<div class="splitter">`用于插入一条水平分割线。你可以根据需要调整样式和间距。
阅读全文