html背景颜色

html-css07

html背景颜色,第1张

html中设置元素的背景色都是通过CSS中的background-color属性来完成。

background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。

1、图为黑色、红色和紫色的HTML颜色代码表:

2、图为碧色、蓝色、绿色HTML颜色代码表:

3、图为绿色、黄色、橙色HTML颜色代码表:

4、图为深红色、棕色、深紫色HTML颜色代码表:

相关内容:

超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

设置背景颜色的代码就是background-color:颜色值,即可.

下面我们一起来看下具体的代码吧:

首先在html中创建一个元素,这个元素需要是块级元素,如果不是的话,我们需要改变元素为块级

1:块级元素设置背景颜色:

创建div块级元素,然后在行内写上background-color:red,即可设置背景颜色为红色

2.行内元素设置背景颜色:

我们创建一个a标签,然后将标签改为块级元素,代码"display:block"然后设置背景颜色即可,代码"background-color:green",此案例设置背景颜色为绿色

以上就是html中设置背景颜色的方法

background-color:

background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。