`

表格边框的隐藏

 
阅读更多



代码如下:
<html>
	<head>
		<title>表格边框的隐藏</title>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
		<style type="text/css">
body {
	
	font-family: "宋体";
	font-size: 12px;
	margin-top: 4;
}

.t {
	border: #3399ff;
	border-style: solid;
	border-width: 1px;
	BORDER-COLLAPSE: collapse
}

td {
	font-family: "Tahoma", "MS Shell Dlg";
	font-size: 12px
}

textarea {
	border: 1 solid 
}
</style>
	</head>

	<body  >
		<center>
			<table width="600" border="0" cellspacing="0" cellpadding="0"
				height="30">
				<tr>
					<td>
						<b>表格边框的隐藏</b>
					</td>
				</tr>
			</table>
			<table width="600" border="0" cellspacing="0" cellpadding="8"
				class="t">
				<tr>
					<td>
						<table style="BORDER-COLLAPSE: collapse" borderColor="#3399ff" border="1" width="200" cellpadding="0" cellspacing="0">
							<tr align="center">
								<td>
									普
								</td>
								<td>
									表
								</td>
							</tr>
							<tr align="center">
								<td>
									通
								</td>
								<td>
									格
								</td>
							</tr>
						</table>
					</td>
					<td>
						这是一普通的表格
					</td>
				</tr>
				<tr>
					<td>
						<br>
						<table style="BORDER-COLLAPSE: collapse" borderColor="#3399ff" width="200" border="1" cellspacing="0" cellpadding="0"
							frame=above>
							<tr align="center">
								<td>
									头
								</td>
								<td>
									上
								</td>
							</tr>
							<tr align="center">
								<td>
									有
								</td>
								<td>
									天
								</td>
							</tr>
						</table>
						<br>
					</td>
					<td>
						只显示上边框
					</td>
				</tr>
				<tr>
					<td>
						<table style="BORDER-COLLAPSE: collapse" borderColor="#3399ff" width="200" border="1" cellspacing="0" cellpadding="0"
							frame=below>
							<tr>
								<td align="center">
									脚
								</td>
								<td align="center">
									下
								</td>
							</tr>
							<tr>
								<td align="center">
									有
								</td>
								<td align="center">
									地
								</td>
							</tr>
						</table>
					</td>
					<td>
						只显示下边框
					</td>
				</tr>
				<tr>
					<td>
						<br>
						<table style="BORDER-COLLAPSE: collapse" borderColor="#3399ff" width="200" border="1" cellspacing="0" cellpadding="0"
							frame=vsides>
							<tr>
								<td align="center">
									上不着天
								</td>
								<td>
									&nbsp;
								</td>
							</tr>
							<tr>
								<td>
									&nbsp;
								</td>
								<td align="center">
									下不着地
								</td>
							</tr>
						</table>
						<br>
					</td>
					<td>
						只显示左、右边框
					</td>
				</tr>
				<tr>
					<td>
						<table style="BORDER-COLLAPSE: collapse" borderColor="#3399ff" border="1" cellspacing="0" cellpadding="0" frame=hsides
							width="200">
							<tr>
								<td align="center">
									去掉两边
								</td>
								<td></td>
							</tr>
							<tr>
								<td></td>
								<td align="center">
									只剩“王”字
								</td>
							</tr>
						</table>
					</td>
					<td>
						只显示上、下边框
					</td>
				</tr>
				<tr>
					<td>
						<br>
						<table style="BORDER-COLLAPSE: collapse" borderColor="#3399ff" width="200" border="1" cellspacing="0" cellpadding="0"
							frame=lhs>
							<tr>
								<td width="100" align="center">
									只
								</td>
								<td width="100" align="center">
									有
								</td>
							</tr>
							<tr>
								<td align="center">
									左
								</td>
								<td align="center">
									边
								</td>
							</tr>
						</table>
						<br>
					</td>
					<td>
						只显示左边框
					</td>
				</tr>
				<tr>
					<td>
						<table style="BORDER-COLLAPSE: collapse" borderColor="#3399ff" width="200" border="1" cellspacing="0" cellpadding="0"
							frame=rhs>
							<tr>
								<td width="100" align="center">
									只
								</td>
								<td width="100" align="center">
									有
								</td>
							</tr>
							<tr>
								<td align="center">
									右
								</td>
								<td align="center">
									边
								</td>
							</tr>
						</table>
					</td>
					<td>
						只显示右边框
					</td>
				</tr>
				<tr>
					<td>
						<br>
						<table style="BORDER-COLLAPSE: collapse" borderColor="#3399ff" width="200" border="1" cellspacing="0" cellpadding="0"
							frame=void>
							<tr>
								<td align="center">
									四周
								</td>
								<td align="center">
									去掉
								</td>
							</tr>
							<tr>
								<td align="center">
									只留
								</td>
								<td align="center">
									中间
								</td>
							</tr>
						</table>
					</td>
					<td>
						不显示任何边框
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<hr size="1" color="#3399ff">
						表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。
						<br>
						只显示上边框 &lt;table frame=above&gt;
						<br>
						只显示下边框 &lt;table frame=below&gt;
						<br>
						只显示左、右边框 &lt;table frame=vsides&gt;
						<br>
						只显示上、下边框 &lt;table frame=hsides&gt;
						<br>
						只显示左边框 &lt;table frame=lhs&gt;
						<br>
						只显示右边框 &lt;table frame=rhs&gt;
						<br>
						不显示任何边框 &lt;table frame=void&gt;
					</td>
				</tr>
			</table>
		</center>
	</body>
</html>

  • 大小: 66.1 KB
分享到:
评论

相关推荐

    易语言源码自定义高级表格边框样式.rar

    易语言源码自定义高级表格边框样式.rar 易语言源码自定义高级表格边框样式.rar 易语言源码自定义高级表格边框样式.rar 易语言源码自定义高级表格边框样式.rar 易语言源码自定义高级表格边框样式.rar 易语言源码...

    隐藏 表格 边框 的设置

    总结来说,隐藏表格边框主要依赖于CSS中的`border-width`和`border-style`属性。通过设置它们的值,我们可以轻松地控制表格边框的显示与隐藏。这种技巧不仅适用于隐藏单一边框,也适用于调整整个表格的外观,是网页...

    自定义高级表格边框样式例程.e.rar

    在Excel或其他电子表格软件中,自定义高级表格边框样式是一项重要的功能,它允许用户根据需求创建独特的表格设计,以增强数据的可读性和视觉吸引力。这个“自定义高级表格边框样式例程.e.rar”文件很可能是包含了一...

    表格边框/单元格之间分隔线的隐藏实现方法

    首先,我们来谈谈如何使用frame属性来控制表格边框的显示与否。表格的边框主要由四个方向的边组成,分别是上边框、下边框、左边框和右边框。通过设置frame属性,我们可以单独控制表格的四周边框的显示: - 当设置时...

    网页表格边框的设置方法

    前面学了网页表格中的单元格...--------------------------------------------------------------------------------表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格

    ParseWord07Test(EasyPOi word隐藏边框+图片遍历导出)

    在`PoiWordStyleUtilTest.java`文件中,可能会包含处理边框隐藏的代码片段,例如设置段落或者表格的边框样式为无,以达到隐藏边框的效果。 接着,"图片遍历导出"是另一个关键功能。在Word文档中,图片可以丰富文本...

    html+css考试题.pdf

    19. 表格边框隐藏: - 设置`border`为0可以隐藏表格边框。 20. 链接目标属性: - `new`不是链接的目标属性,应该是`_blank`。 21. 引导页: - 引导页通常是网站的重要部分,体现了网站的整体风格和品牌形象。 ...

    网页设计考试题.doc

    19. **表格边框隐藏**:通过设置`border=0`,可以隐藏表格边框。 20. **链接目标属性**:`new`不是链接的目标属性,正确的有`_self`、`_blank`、`_top`和`_parent`。 21. **网页设计中的基础元素**:这个问题未给...

    网页制作基础FrontPage模拟试题2.docx

    9. 表格边框隐藏:边框厚度设为“0”可以在浏览器中隐藏边框,选项A正确。 10. 新打开浏览器窗口:目标框架“_blank”表示在新窗口中打开链接,选项C正确。 11. 下拉框选项:下拉框既可以设置成单选也可以设置成多选...

    html+css考试题.doc

    19. **表格边框隐藏**:设置`border`属性为0,可以隐藏表格边框。 20. **链接目标属性**:`new`不是HTML链接的目标属性,应为`_blank`。 21. **网页设计核心**:引导页(Splash Page)通常是网站的灵魂,展示品牌...

    《网页设计与制作》试卷及答案(8).pdf

    6. **表格边框隐藏**:在CSS中,将border的值设置为0可以隐藏表格的边框。 7. **层的属性设置**:层有两个特殊属性,分别是"显示"和"Z轴",用于控制层的可见性和层之间的前后关系。 8. **层的定位**:利用标尺和...

    网页设计考试题.docx

    19. **表格边框隐藏**:设置`border=0`可以使表格边框不显示。 20. **链接目标属性**:`new`不是HTML中链接的目标属性,正确的是`_self`、`_blank`、`_top`和`_parent`。 21. **网页设计核心**:引导页(splash ...

    html+css网页设计复习题.docx

    18. 表格边框隐藏:设置`border`属性为`0`。 19. `pre`标记:预排版标记,保留文本格式。 20. 锚记定义:`&lt;a&gt;`标签中的`name`属性。 21. CSS集体声明:`p, h1{color:red;}`。 22. 正确的CSS集体声明方式与上一题...

    降低论文重复率的几种主要的方法.doc

    其次,可以将文字转换为表格,将表格边框隐藏,以避免与原文相似。另外,如果你看的外文的多,由外文自己翻译过来引用的,个人认为,不需要尾注,就可以当做自己的,因为查重的数据库只是字符的匹配,无法做到中文和...

    HTML表格属性讲解

    表格边框的显示与隐藏可以用frame参数来控制。frame参数有多个值: * frame=above:只显示上边框。 * frame=below:只显示下边框。 * frame=vsides:只显示左、右边框。 * frame=hsides:只显示上、下边框。 * ...

    HTML table表格边框的控制详细说明

    在实际应用中,控制表格边框的方式一般有以下几种: 1. 使用`border`属性定义表格边框的宽度、样式和颜色。 ```html ; border-width:1px; border-color:#000;"&gt; ``` 2. 使用`frame`属性指定表格外部边框的显示...

    EXCEL中如何自动向下生成表格的行边框?.docx

    向下以此类推,都可以自动生成表格边框,反之表格边框将自动消失。 使用条件格式功能可以实现自动向下生成表格的行边框,提高工作效率和表格美观度。同时,条件格式功能还可以应用于其他各种场景,例如根据公式进行...

    关于表格table嵌套,边框合并问题的解决方法

    2. **调整内层表格边框**:为防止内层表格的边框与外层表格的边框冲突,我们可以设置内层表格的边框宽度为0,并隐藏其边框。这可以通过CSS属性`border-width`和`border-style`来实现: ``` ;border-width:0px; ...

Global site tag (gtag.js) - Google Analytics