首先，让我们看看表是如何定义的：

表格由表格标签定义。每个表都有几行(由tr标签定义)，每一行又被分成几个单元格(由td标签定义)。字母td指的是tabledata，即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。

好，我们先做一个简单的表格：

！doctypehtml

超文本标记语言

头

metacharset='utf-8 '

TitlePHP中文网站/标题

/head

身体

table border=' 1 ' width=' 300 px ' height=' 100 '

td/td/td/td/tr

td/td/td/td/tr

td/td/td/td/tr

/table

/body

/html

这是一个三行三列的简单表格，如图所示：

tuyi.png

对于很多HTML初学者来说，表格是最常用的标签，但是很多初学者并不了解表格边框的控制。

一般我们在使用表格的时候，总会给它一个边框属性，比如：tableborder='1 '，其效果如上图：

可以发现桌子的边框好像很宽。当然，这里的“很宽”肯定不是表格边框的宽度，你看到的宽度应该是td之间的间隙造成的。因此，您只需要修改表格的单元格间距属性，即：

table border=' 1px ' cell spacing=' 0px ' width=' 300 px ' height=' 100 '

td/td/td/td/tr

td/td/td/td/tr

td/td/td/td/tr

/table

效果如下：

tuer.png

一开始我们给表格加了border=1，因为我们给表格加了默认的黑线样式，也就是我们上面说的td和table都有默认的黑边，所以如果需要彻底解决这个问题，就让边框正常显示，然后给表格加个颜色。

table border=' 1px ' border color=' # ff 0000 ' cell spacing=' 0px ' width=' 300 px ' height=' 100 '

td/td/td/td/tr

td/td/td/td/tr

td/td/td/td/tr

/table

黑色不明显。让我们把它换成红色

tusan.png

总结：如图，黑色边框变成红色，可以添加内容，调整大小，也可以调整里面的文字。简而言之，桌子还是挺有用的。在本文中，我们介绍了表格的边框。当然，在我们的实际应用中，除了一些特殊情况，边界很少。一般我们把边框线设置改成0，这样就没有边框线了，但是在我们的教学中，边框基本等于一，方便查看和调整。

本文转载自中文网站