HTML代码中关于table的边框控制以及单元格艰巨

2025-03-25 13:55:10
推荐回答(3个)
回答1:





回答2:

2. cellpadding="5"
cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小。此属性的参数值也是数字,表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。
1. 无解,给LZ提供些资料
用表格的rules属性和frame属性改变边框样式
要了解frame属性可取的参数及含义:
void - 默认值。表示不显示表格最外围的边框。
box - 同时显示四条边框。
border - 同时显示四条边框。
above - 只显示顶部边框。
below - 只显示底部边框。
lhs - 只显示左侧边框。
rhs - 只显示右侧边框。
hsides - 只显示水平方向的两条边框。
vsides - 只显示垂直方面的两条边框。
并且,要了解rules属性可取的参数及含义:
none - 默认值。无边框。
groups - 为行组或列组加边框。
rows - 为行加边框。
cols - 为列加边框。
all - 为所有行列(单元格)加边框
1. 隐藏表格中间的横线:
<table width=300 border=1 bordercolor=#CCCCCC style=border-collapse:collapse; rules=cols>
<tr>
<td>文字第一行1列</td>
<td>文字第一行2列</td>
</tr>
<tr>
<td>文字第二行1列</td>
<td>文字第二行2列</td>
</tr>
</table>
2.隐藏表格的外框:
<table width=300 border=1 bordercolor=#CCCCCC style=border-collapse:collapse; frame=void>
<tr>
<td>文字第一行1列</td>
<td>文字第一行2列</td>
</tr>
<tr>
<td>文字第二行1列</td>
<td>文字第二行2列</td>
</tr>
</table>
3. 隐藏表格的竖线,只显示横线,造成稿纸的效果:
<table width=300 border=1 bordercolor=#CCCCCC style=border-collapse:collapse; frame=hsides rules=rows>
<tr>
<td>文字第一行1列</td>
<td>文字第一行2列</td>
</tr>
<tr>
<td>文字第二行1列</td>
<td>文字第二行2列</td>
</tr>
</table>

回答3:

(1)、控制表格的边框:
表格标签 有一个 Frame 属性,可以控制表格的边框:
frame=box 显示所有边框
frame=void 不显示所有边框
frame=above 只显示上边框
frame=below 只显示下边框
frame=hsides 只显示上下边框
frame=vsides 只显示左右边框
frame=lhs 只显示左边框
frame=rhs 只显示右边框
(2)、控制表格行与列的分隔线:
表格标签
有一个 Rules 属性,可以控制表格的分隔线:
Rules=all 显示所有分隔线
Rules=none 不显示任何分隔线
Rules=rows 只显示行与行之间的分隔线
Rules=cols 只显示列与列之间的分隔线