HTML实例-062 HTML的框架(frame)属性

由 hrs, 12 十一月, 2019
标签
HTML

这一节我们学习如何对表格的边框进行控制，我们用框架属性frame 来进行定义，下面我们来做一下实例。

实例代码：

<!doctype html>
<head>
<meta charset="utf-8">
	<style>
		p{
		color:red;
		}
	</style>
</head>

<html>
	<body>
		<h2>这是一个表格框架属性</h2>
		<p>全边框frame=box</p>
		<table frame="box">
			<tr>
				<td>全边框</td>
				<td>全边框</td>
			</tr>
			<tr>
			<td>全边框</td>
			<td>全边框</td>
		</tr>
		</table>
		<p>上边框frame=above</p>
		<table frame="above">
			<tr>
				<td>上边框</td>
				<td>上边框</td>
			</tr>
			<tr>
				<td>上边框</td>
				<td>上边框</td>
			</tr>
		</table>
		<p>下边框frame=below</p>
		<table frame="below">
			<tr>
				<td>下边框</td>
				<td>下边框</td>
			</tr>
			<tr>
				<td>下边框</td>
				<td>下边框</td>
			</tr>
		</table>
		<p>上下边框frame=hsides</p>
		<table frame="hsides">
			<tr>
				<td>上下边框</td>
				<td>上下边框</td>
			</tr>
			<tr>
				<td>上下边框</td>
				<td>上下边框</td>
			</tr>
		</table>
		<p>左右边框frame=vsides</p>
		<table frame="vsides">
			<tr>
				<td>左右边框</td>
				<td>左右边框</td>
			</tr>
			<tr>
				<td>左右边框</td>
				<td>左右边框</td>
			</tr>
		</table>
	</body>
<html>

运行效果：

html_062.png

从这个实例中看出，我们frame属性对表格的边框进行控制。

frame="box"    设置表格的全边框

frame="above"    设置表格的上边框

frame="below"     设置表格的下边框

frame="hsides"      设置表格的上下边框

frame="vsides"       设置表格的左右边框

表格标签

表格 描述
<table> 定义表格
<caption> 定义表格标题。
<th> 定义表格的表头。
<tr> 定义表格的行。
<td> 定义表格单元。
<thead> 定义表格的页眉。
<tbody> 定义表格的主体。
<tfoot> 定义表格的页脚。
<col> 定义用于表格列的属性。
<colgroup> 定义表格列的组。

评论

相关文章