web快速入门之基础篇-html：9、表格-常用属性：border、width、height

最新推荐文章于 2025-08-18 23:06:20 发布

原创最新推荐文章于 2025-08-18 23:06:20 发布 · 670 阅读

1 ·

CC 4.0 BY-SA版权

本文为博主原创文章，不得随意转载，转载请注明出处！联系方式VX：yyh123red

web前端（H5）专栏收录该内容

83 篇文章

订阅专栏

本文深入讲解HTML表格的常用属性，包括border、width和height的使用方法及效果展示。通过实例代码，演示如何设置表格边框、宽度和高度，以及这些属性如何影响表格布局。

1、border、width、height 基本效果

2、根据文字内容来分配宽度

3、border 效果

一、前言

上一篇文章我整理以前的笔记是：表格-定义和用法、基本结构，详细可参考博文 web快速入门之基础篇-html：8、表格-定义和用法、基本结构这篇文章我将整理笔记：表格-常用属性

二、实例演示

实例代码

我们先来看看一个例子，如下代码：02_border、width、height.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>这是title标题</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	</head>
	<body>

		<h3>---表格常用属性：border、width、height---</h3>
		<table border="1" width="300" height="250">
			<tr>
				<td>a</td>
				<td>abc</td>
			</tr>
			<tr>
				<td>c</td>
				<td>cde</td>
			</tr>
		</table><br/>
		
	</body>
</html>

常用属性：border/width/height

border: 边框 width：宽 height：高