html页面背景颜色代码（学生个人网页 *** html）
表格空间设置
通过为<table></table>标签的cellspacing进行赋值可以调整单元格与单元格之间的空间距离。
示例代码如下：
<table border = "1" width = "100%" cellspacing = "50">
页面效果如下：
下面我们删除cellspacing = "50"这段代码看看变化，如图：
通过对比，大家应该明白cellspacing这个属性的作用了吧。
通过为<table></table>标签的cellpadding进行赋值可以调整单元格边框与单元格内容之间的空间距离。
示例代码如下：
<table border = "1" width = "100%" cellspacing="10" cellpadding = "20">
页面效果如下：
通过与上图对比，我们不难发现变化。
设置表格颜色
这里我们要介绍一个全局属性style，对，你没看错！就是freestyle的那个style！英文翻译过来是"样式"、"风格"的意思。我们通过这个属性可以为表格设置颜色。实际上，可以为任何html元素设置颜色、大小、排列等不同属性！
值得一提的是把style信息如果写到一个独立文件中，并保存为css文件，就是以后我们要学的CSS层叠样式列表了。
这里我们先来简单了解一下它作为html的一个全局属性的用法。
示例代码如下：
<table border = "1" width = "100%" cellspacing="10" cellpadding = "20" style = "background-color: #00ffff;">
页面效果如图所示：
我们来分析一下这段代码，写法和其他属性大同小异。
首先也是才有"属性"="数值"的写法，具体是：style=""
是不是和其他属性写法一样？
但是到了双引号里面就不同了，比如width属性只需要为其赋值就可以，比如width="100%"。
而style是在双引号里面再指定属性。例如：style="background-color"。
然后我们再为background-color（背景颜色）属性赋值。
这时，赋值的写法就发生变化了，不是使用=号，而是使用：。
例如style="background-color ： #00ffff；"
大家注意的是为其赋值后，要用；结尾。这个；必须要添加，因为，通过style可以指定多个不同的样式属性，在指定多个样式属性时，我们使用；分割。
#00ffff这个符号是色彩的16进制表示 *** ，这个颜色是蓝色。
#000000这个符号的颜色是黑色。
#ffffff这个符号是白色。
这个颜色的算法我们会在下一期中详细讲解，感兴趣的小伙伴请关注！
大家想一想。如何为一列单元格指定背景颜色呢？
示例代码如下：我们为表格标题栏赋予绿色。
<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>
页面效果如下：
今天的内容到此结束了，一下是今天示例的全部代码：
<!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>标签实现文本内链接——零基础自学网页 ***
“html页面背景颜色代码（学生个人网页 *** html）” 的相关文章
求生之路4怎么联机（求生之路4怎么联机玩）
热点 谈论 游侠网友 [浙江省嘉废市电疑网友] 0 九- 二 二 二 一:0 六 别闹那何时算可骇 游戏了 小父熟皆敢玩 突突突 挨僵尸战挨苍蝇嫩鼠同样 吓人吗 玻璃作的口净。。。。。告发 一 一 九 七0 归复 游侠网友 [外国挪动网友] 一 二- 二 九 一 五: 三 五 您...
央视评娱乐圈应该什么样「中国现在的娱乐圈怎么样」
据央广网 二0 二 一年 一0月 二0日0 二: 一 一: 三 四的最新宣布 ，微专网友@啼话糗事粗选 爆料。 安然 夜光降 之际，事宜 ，正在网上炒患上满城风雨，激发 齐网冷议！ 据悉，央望评文娱圈应该甚么样之后赔了钱却忽然 掉 忆。否能的。相比秦烺此次 也能够说是积怨未暂。 1、...
酒店回应女子房间遭陌生男刷卡「女住客房门凌晨被刷开」
据少乡网 二0 二 一年 一0月 二0日0 二:0 九: 一 二的最新宣布 ，微专网友@江西游览播送爆料。 安然 夜光降 之际，事宜 ，正在网上炒患上满城风雨，激发 齐网冷议！ 据悉，酒店归应父子房间遭生疏 男刷卡之后以至借有人填没牵走她的谁人 男佳宾。疑惑 没门来私司事情 。相比也便是...
体彩在哪里(体彩七位数开奖结果)
起源 :江苏体彩网 五月 四日谢罚的江苏体彩 七位数第 一 八0 六 七期，位于镇江市润州区美的乡的 一 一0 五 二网点一举外没 一0注特等罚，总罚金下达 五000万元。 一 八0 六 七期 七位数谢没外罚号码“ 七 八 二 八 一 四 二”，当期共外没 一0注特等罚，每一注罚金 五00万...
威士忌多少钱一瓶 「大芹威士忌多少钱一瓶」
造一瓶程控管宽谨品性上有优秀 火准取保证 ，威士忌外的极品。属蒸馏酒，第一个临盆 并折衷 威士忌的临盆 商。 杰克丹僧。正在橡木桶外鲜酿多年后，人头马、个中 乌圆/瓶皇野旗兵「 二 一年 八 八0元/瓶愿望 那答复 能助到您。调配成 四 三度阁下 的烈性蒸馏酒年夜 芹。正在年夜 型的洋酒商止皆能战随...
宿松是哪里(宿松县名字的由来)
点击蓝字咱们 CCTV- 一0 二0 二0. 八. 二 二 三: 二 六播没 《外国印象圆志》安徽卷 宿紧篇 宿紧篇 预报 片 唐地宝十四年（私元 七 五 五年），李皂为躲“安史之治”， 自汴州，即古河北谢启北奔。相传李皂此时 曾经游历至宿紧，正在北台山的 对于酌亭，取时任县令的闾...
评论列表
发表评论
