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

一、前言

上一篇文章我整理以前的笔记是：表格-定义和用法、基本结构，详细可参考博文 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>

效果演示

用谷歌浏览器打开运行，效果如下：

它根据文字内容来分配宽度，如第一行的第一列改为“abc”，那么它将进行均分，如下图

来源：CSDN

作者：luminal_Andy

链接：https://blog.csdn.net/YuDBL/article/details/104075434

标签

html表格

html代码

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!