1. frame属性
在HTML的table中，可以通过frame属性来控制表格的边框。frame属性有以下几个取值：
void：表示没有边框。这是默认值。
above：表示在表格上方显示边框。
below：表示在表格下方显示边框。
hsides：表示在表格水平两侧显示边框。
vsides：表示在表格垂直两侧显示边框。
lhs：表示在表格左侧显示边框。
rhs：表示在表格右侧显示边框。
box：表示围绕整个表格显示边框。
1.1 使用frame属性设置表格边框
在HTML中，可以使用frame属性来设置表格的边框，例如：
<table frame="border">
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
</table>
这个示例中，设置了frame属性的值为"border"，表示在表格的外部显示边框。运行这段代码，可以看到表格显示了边框。
1.2 使用CSS设置frame属性
除了在HTML中直接设置frame属性，还可以使用CSS来设置表格的边框样式。通过设置表格的border属性，可以实现和frame属性相同的效果。例如：
table {
border-collapse: collapse;
border: 1px solid black;
}
这个示例中，将表格的border属性设置为1像素的实线边框。通过设置border-collapse属性为collapse，可以让表格的边框合并在一起，看起来更整齐。
1.3 frame属性的应用场景
frame属性可以用于控制表格的边框样式，可以根据具体需求设置不同的值。例如，在设计一个页面时，如果需要有一个小的表格用于展示一些信息，但又不希望显示边框，可以将frame属性设置为"void"。
2. rules属性
在HTML的table中，可以通过rules属性来控制表格内部的边框。rules属性有以下几个取值：
none：表示没有边框。这是默认值。
groups：表示对表头、表尾和每一行之间的边框进行分组。
rows：表示对每一行之间的边框进行分组。
cols：表示对每一列之间的边框进行分组。
all：表示对所有边框进行分组。
2.1 使用rules属性设置表格内部边框
在HTML中，可以使用rules属性来设置表格内部的边框，例如：
<table rules="all">
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
</table>
这个示例中，设置了rules属性的值为"all"，表示对表格内部的所有边框进行分组。运行这段代码，可以看到表格内部的边框被显示出来。
2.2 使用CSS设置rules属性
除了在HTML中直接设置rules属性，还可以使用CSS来设置表格的内部边框样式。可以通过设置表格的border属性来实现和rules属性相同的效果。例如：
table {
border-collapse: separate;
border-spacing: 5px;
}
td {
border: 1px solid black;
}
这个示例中，将表格的border-collapse属性设置为separate，可以让表格的边框分开显示。通过设置border-spacing属性可以控制边框的间距。通过设置td元素的border属性，可以设置单元格的边框样式。
2.3 rules属性的应用场景
rules属性可以用于控制表格内部边框的样式，可以根据具体需求设置不同的值。例如，在设计一个包含大量数据的表格时，可以通过将rules属性设置为"rows"或"cols"，来让每一行或每一列之间显示边框，方便用户阅读和查找信息。
3. 小结
frame属性和rules属性是在HTML的table中控制边框样式和内部边框样式的重要属性。通过设置frame属性，可以控制表格的外部边框样式，包括边框的显示位置和样式。通过设置rules属性，可以控制表格内部边框的样式，包括边框之间的分组以及样式的设置。在实际应用中，可以根据具体的需求选择合适的取值，来实现所需的边框效果。同时，也可以使用CSS来对表格的边框样式进行进一步的定制和美化。