HTML代码中关于table的边框控制以及单元格艰巨
1.若有一个1行1列的表格,设置table属性,使得他的左、上两条边框显示,其余两条隐藏,如何设置2.在该表格的单元格里,有一张图片插入在内,设置单元格属性,使得此图片距...
1.若有一个1行1列的表格,设置table属性,使得他的左、上两条边框显示,其余两条隐藏,如何设置
2.在该表格的单元格里,有一张图片插入在内,设置单元格属性,使得此图片距离上边框线5px,离左边框线3px
注意:必须使用table或者td的属性直接完成,不可以使用任何CSS或者JS方法实现
求助啊,不用CSS和JS我真不知道怎么办了,答案准确的话再追加5分 展开
2.在该表格的单元格里,有一张图片插入在内,设置单元格属性,使得此图片距离上边框线5px,离左边框线3px
注意:必须使用table或者td的属性直接完成,不可以使用任何CSS或者JS方法实现
求助啊,不用CSS和JS我真不知道怎么办了,答案准确的话再追加5分 展开
3个回答
展开全部
<table width="600" height="200" align="center" style="border-left:#b22222 1px ridge;border-top:#b22222 1px ridge;">
<tr>
<td valign="top" style="padding-top:5px;padding-left:3px;"><img src="pugongying.jpg" width="100" height="100" /></td>
</tr>
</table>
<tr>
<td valign="top" style="padding-top:5px;padding-left:3px;"><img src="pugongying.jpg" width="100" height="100" /></td>
</tr>
</table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
(1)、控制表格的边框:
表格标签 <Table> 有一个 Frame 属性,可以控制表格的边框:
frame=box 显示所有边框
frame=void 不显示所有边框
frame=above 只显示上边框
frame=below 只显示下边框
frame=hsides 只显示上下边框
frame=vsides 只显示左右边框
frame=lhs 只显示左边框
frame=rhs 只显示右边框
(2)、控制表格行与列的分隔线:
表格标签 <Table> 有一个 Rules 属性,可以控制表格的分隔线:
Rules=all 显示所有分隔线
Rules=none 不显示任何分隔线
Rules=rows 只显示行与行之间的分隔线
Rules=cols 只显示列与列之间的分隔线
表格标签 <Table> 有一个 Frame 属性,可以控制表格的边框:
frame=box 显示所有边框
frame=void 不显示所有边框
frame=above 只显示上边框
frame=below 只显示下边框
frame=hsides 只显示上下边框
frame=vsides 只显示左右边框
frame=lhs 只显示左边框
frame=rhs 只显示右边框
(2)、控制表格行与列的分隔线:
表格标签 <Table> 有一个 Rules 属性,可以控制表格的分隔线:
Rules=all 显示所有分隔线
Rules=none 不显示任何分隔线
Rules=rows 只显示行与行之间的分隔线
Rules=cols 只显示列与列之间的分隔线
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询