`

表格边框的隐藏

 
阅读更多



代码如下:
<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 易语言源码...

    隐藏 表格 边框 的设置

    隐藏表格边框的设置! 很值得下载看看!资源免费,大家分享!!

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

    表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。

    网页表格边框的设置方法

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

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

    只显示上边框 &lt;table frame=above&gt; 只显示下边框 &lt;table frame=below&gt; 只显示左、右边框 &lt;table frame=vsides&gt; ...表格边框的隐藏&lt;/title&gt; &lt;meta http-equiv=”Content-Type” content=”text/html; charset=u

    Table显示你要显示的边框代码

    bordercolordark(表格的暗边框颜色)、bgcolor(表格的背景色)、background(表格的背景图片)、 bordercolor(表格边框的颜色) 表格内部分隔线的属性 起作用的是rules这个参数,它有三个值(cols,rows,none), 当...

    layui按条件隐藏表格列的实例

    我就废话不多说了,直接上关键代码吧!给大家做个参考 layui.use(['table','form','laypage'], ... id:"item",//用作于隐藏列名为item的列 elem: '#QD', url:path+'test.do', cols: [[ //表头 {field: '

    css让table不显示边框的代码在火狐和谷歌浏览器中无效

    rules这个参数,它有三个值(cols,rows,none),当rules=cols时,表格会隐藏横向的分隔线,也就是我们只能看到表格的列;当rules=rows时,就隐藏了纵向的分隔线,也就是我们只能看到表格的行;而当

    layui radio点击事件实现input显示和隐藏的例子

    今天小编就为大家分享一篇layui radio点击事件实现input显示和隐藏的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    网页表格表框制作技巧

    --------------------------------------------------------------------------------表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。只显示上边框只显示下边框&lt...

    高性能网页JavaScriptCanvas电子表格系统源码.zip

    剪切, 粘贴 自动填充插入行, 列 (处理中)删除行, 列 )隐藏行, 列支持多个sheet表打印数据验证导出XLSX导入XLSX导出CVS导入CVS中)导入图片 )数据筛选,高性能 Web JavaScript Canvas 电子表格高性能 Web JavaScript ...

    vxe-table vue表格解决方案-其他

    Table with border (带边框) Cell style (单元格样式) Column resizable (列宽拖动) Maximum table height (最大高度) Resize height and width (响应式宽高) Fixed column (固定列) Grouping table ...

    html.rar_html_image_style_多表格_显示表格

    隐藏表单的元素 列表框 文本区域 表格 基本语法 跨多行、多列的表元 尺寸设置 文字的对齐/布局 在页面中的对齐/布局 标题 表格进阶 色彩 分组显示 边框 分隔线 多窗口页面 基本

    超级有用的excel视频教程

    6、设置表格边框 7、标题跨列居中 8、公式求值 9、选项设置加密 10、模板的保存 11、添加监视窗口 12、行列隐藏 13、保存设置加密 14、引用方式转换 15、特殊符号输入 16、中文日期格式 17、工作表的移动 18、工作表...

    Excel全栈教程

    6、设置表格边框 7、标题跨列居中 8、公式求值 9、选项设置加密 10、模板的保存 11、添加监视窗口 12、行列隐藏 13、保存设置加密 14、引用方式转换 15、特殊符号输入 16、中文日期格式 17、工作表的移动 18、工作表...

    一套价值9999元的excel视频教学 通俗易懂 你值得拥有

    6、设置表格边框 7、标题跨列居中 8、公式求值 9、选项设置加密 10、模板的保存 11、添加监视窗口 12、行列隐藏 13、保存设置加密 14、引用方式转换 15、特殊符号输入 16、中文日期格式 17、工作表的移动 18、工作表...

    一套价值10000元的excel视频教程

    6、设置表格边框 7、标题跨列居中 8、公式求值 9、选项设置加密 10、模板的保存 11、添加监视窗口 12、行列隐藏 13、保存设置加密 14、引用方式转换 15、特殊符号输入 16、中文日期格式 17、工作表的移动 18、工作表...

Global site tag (gtag.js) - Google Analytics