`

表格边框的隐藏

 
阅读更多



代码如下： 
<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
分享到：
| Ant+XDoclet生成hbm文件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    易语言源码自定义高级表格边框样式.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; ...

Magicbox
Global site tag (gtag.js) - Google Analytics