表空间设置

代码颜色大全_html颜色代码_代码颜色怎么改

可以通过为标签分配值来调整单元格之间的空间距离。

示例代码如下:

页面效果如下:

代码颜色怎么改_html颜色代码_代码颜色大全

我们把code=“50”删除看看变化,如图:

代码颜色怎么改_html颜色代码_代码颜色大全

通过对比,大家应该明白这个属性的作用了。

可以通过为标签分配值来调整单元格边框和单元格内容之间的空间距离。

示例代码如下:

页面效果如下:

代码颜色大全_html颜色代码_代码颜色怎么改

与上图对比,不难发现变化。

设置表格颜色

这里我们要介绍的是全局属性样式,是的,你没有看错! 就是这个风格! 英文翻译的意思是“风格”、“风格”。 我们可以通过这个属性来设置表格的颜色。 事实上,您可以为任何 html 元素设置不同的属性,例如颜色、大小、对齐方式等!

值得一提的是,如果将样式信息写入独立文件,保存为css文件,那就是我们后面要学习的CSS层叠样式列表了。

这里我们先简单了解一下它作为html全局属性的用法。

示例代码如下:

页面效果如图:

代码颜色怎么改_代码颜色大全_html颜色代码

我们来分析一下这段代码,写法和其他属性都是类似的。

首先只有“”=“value”的写法,具体为:style=“”

和其他属性的写法一样吗?

但当涉及到双引号时,情况就不一样了。 例如,width属性只需要指定一个值即可,例如width=“100%”。

样式是用双引号指定属性。 例如:样式=“-颜色”。

然后我们为-color(背景颜色)属性分配一个值。

这时候赋值的写法就变了,不再使用=号,而是使用:。

例如 style="-color:#;"

大家要注意的是,给它赋值后,使用 ; 在最后。 这; 必须添加,因为通过style可以指定多个不同的样式属性。 当指定多个样式属性时,我们使用; 分裂。

#这个符号是颜色的十六进制表示,这个颜色是蓝色。

# 该符号的颜色是黑色。

# 这个符号是白色的。

我们会在下一期详细讲解这个颜色的算法,感兴趣的朋友请关注!

大家想一想。 如何指定一列单元格的背景颜色?

示例代码如下: 我们给表格标题栏赋予绿色。

页面效果如图:

html颜色代码_代码颜色大全_代码颜色怎么改

下面我们将“一列一行”和“两列一行”指定为红色。

示例代码如下:

页面效果如下:

代码颜色大全_代码颜色怎么改_html颜色代码

今天的内容到此结束。 以下是今天示例的完整代码:


  
   
  第一个网页
   
  
  

第一个网页


表格元素


姓名年龄
一列一行 一列二行
二列一行 二列二行
表格标题
姓名 年龄
一列一行 一列二行
二列一行 二列二行

明天我将继续讲解页面制作中的十六进制颜色指定方法以及另一种表格颜色指定方法。

喜欢的朋友请关注我。 如果您在阅读中遇到任何问题,请给我留言。 如有遗漏或错误,请指正。 非常感谢!

HTML 完整学习目录

HTML序言(学习目的、对象、基本概念)——零基础自学网页制作

什么是 HTML? ——零基础自学网页制作

如何编写第一个 HTML 页面? ——零基础自学网页制作

HTML页面中的head标签有什么用? ——零基础自学网页制作

认识Meta标签与SEO——零基础自学网页制作

如何使用HTML中的元素1——零基础自学网页制作

如何使用HTML 2中的元素——零基础自学网页制作

HTML元素中的属性1——零基础自学网页制作

HTML元素中的属性2(详细路径)——零基础自学网页制作

使用HTML添加表1(基本元素)——零基础自学网页制作

使用HTML添加表格2(表格页眉和页脚)——零基础自学网页制作

使用HTML添加表格3(间距和颜色)——零基础自学网页制作

使用HTML添加表格4(行颜色和表格嵌套)——零基础自学网页制作

十六进制颜色表示与RGB颜色模型——零基础自学网页制作

HTML中的块级元素和内联元素——零基础自学网页制作

熟悉 HTML

块元素-零基础自学网页制作

HTML页面中嵌入其他页面的方法——零基础自学网页制作

在家封闭学习网页制作!页面嵌入PDF文件——零基础自学网页制作

HTML表单元素入门1——零基础自学网页制作

HTML表单元素入门2——零基础自学网页制作

HTML表单3(下拉列表、多行文本输入)——零基础自学网页制作

HTML表单4(表单、属性)——零基础自学网页制作

HTML列表制作讲解——零基础自学网页制作

HTML页面添加视频和音频的方法——零基础自学网页制作

音视频格式转换神器及html视频元素加字幕——零基础自学网页制作

利用HTML中的标签实现文本链接——零基础自学网页制作

好了,今天的主题就讲到这里吧,不管如何,能帮到你我就很开心了,如果您觉得这篇文章写得不错,欢迎点赞和分享给身边的朋友。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注