表空间设置
cellspacing进行赋值可以调整单元格与单元格之间的空间距离由表/表标注。
示例代码如下：
表格border=' 1 ' width=' 100% ' cellspacing=' 50 '页面效果如下：
让我们删除下面的代码cellspacing='50 '来看看变化，如图所示：
通过比较，您应该理解属性cellspacing的功能。
cellpadding进行赋值可以调整单元格边框与单元格内容之间的空间距离由表/表标注。
示例代码如下：
表格border=' 1 ' width=' 100% ' cellspacing=' 10 ' cell padding=' 20 '页面效果如下：
对比上图，不难发现变化。
设置表格颜色
这里我们要介绍一个全局属性样式，没错，你是对的！那就是自由泳的风格！英文翻译就是‘风格’和‘格调’。我们可以通过这个属性来设置表格的颜色。实际上，您可以设置不同的属性，如颜色、大小、排列等。对于任何html元素！
值得一提的是，如果把样式信息写成一个独立的文件，保存为css文件，那就是我们以后要学习的CSS层叠样式列表。
让我们简单看一下它作为html的全局属性的用法。
示例代码如下：
'表格border=' 1 ' width=' 100% ' cellspacing=' 10 ' cell padding=' 20 ' style=' background-color : # 00 ffff；'页面效果如图所示：
我们来分析一下这段代码。它的写法和其他属性差不多。
首先是'属性'='值'的写法，具体来说就是：样式=' '
和其他属性写的一样吗？
但是涉及到双引号就不一样了。例如，width属性只需要赋值，比如width='100% '。
而style就是用双引号来指定属性。示例：style='background-color '。
然后我们给背景色属性赋值。
这时，赋值的写法发生了变化，不再用=号，而是用：
例如style=' background-color:# 00 ffff；'
注意，给它赋值后，你要使用它；结束了。这个；必须添加，因为通过style，您可以指定多个不同的样式属性。当指定多个样式属性时，我们使用；分裂。
符号#00ffff是颜色的十六进制表示，这个颜色是蓝色。
#000000这个符号的颜色是黑色。
符号#ffffff是白色的。
我们将在下一期详细解释这种颜色算法。感兴趣的朋友请关注！
大家想一想。如何为一列单元格指定背景色？
代码如下：我们将表格标题栏设置为绿色。
tr style=' background-color : # 00ff 00；'姓名/年龄/性别/tr页面的效果如图所示：
muhao.com/pic/img.php?k=html英雄联盟网页设计,html英文全称为6.jpg">下面我们为"一列一行"、"二列一行"赋予红色。
示例代码如下：
<tr> <td style = "background-color: #ff0000;">一列一行</td> <td>一列二行</td></tr><tr> <td style = "background-color: #ff0000;">二列一行</td> <td>二列二行</td></tr>页面效果如下：
今天的内容到此结束了，一下是今天示例的全部代码：
<!DOCTYPE HTML> <html> <head> <title>第一个网页</title> </head> <body> <h1>第一个网页</h1><hr> <h2>表格元素</h2><hr> <table border = "1" width = "100%" cellspacing="10" cellpadding = "20" style = "background-color: #00ffff;"> <caption>表格标题</caption> <tr style = "background-color: #00ff00;"> <th>姓名</th> <th>年龄</th> </tr> <tr> <td style = "background-color: #ff0000;">一列一行</td> <td>一列二行</td> </tr> <tr> <td style = "background-color: #ff0000;">二列一行</td> <td>二列二行</td> </tr> </table> </body> </html>明天将继续为大家讲解页面制作中16进制的颜色指定方式和另外一种表格颜色指定方式。
喜欢的小伙伴请关注我，阅读中遇到任何问题请给我留言，如有疏漏或错误欢迎大家斧正，不胜感激！
HTML完整学习目录HTML序章（学习目的、对象、基本概念）――零基础自学网页制作
HTML是什么？――零基础自学网页制作
第一个HTML页面如何写？――零基础自学网页制作
HTML页面中head标签有啥用？――零基础自学网页制作
初识meta标签与SEO――零基础自学网页制作
HTML中的元素使用方法1――零基础自学网页制作
HTML中的元素使用方法2――零基础自学网页制作
HTML元素中的属性1――零基础自学网页制作
HTML元素中的属性2（路径详解）――零基础自学网页制作
使用HTML添加表格1（基本元素）――零基础自学网页制作
使用HTML添加表格2（表格头部与脚部）――零基础自学网页制作
使用HTML添加表格3（间距与颜色）――零基础自学网页制作
使用HTML添加表格4（行颜色与表格嵌套）――零基础自学网页制作
16进制颜色表示与RGB色彩模型――零基础自学网页制作
HTML中的块级元素与内联元素――零基础自学网页制作
初识HTML中的<div>块元素――零基础自学网页制作
在HTML页面中嵌入其他页面的方法――零基础自学网页制作
封闭在家学网页制作！为页面嵌入PDF文件――零基础自学网页制作
HTML表单元素初识1――零基础自学网页制作
HTML表单元素初识2――零基础自学网页制作
HTML表单3（下拉列表、多行文字输入）――零基础自学网页制作
HTML表单4（form的action、method属性）――零基础自学网页制作
HTML列表制作讲解――零基础自学网页制作
为HTML页面添加视频、音频的方法――零基础自学网页制作
音视频格式转换神器与html视频元素加字幕――零基础自学网页制作
HTML中使用<a>标签实现文本内链接――零基础自学网页制作
