在html中插入整个页面的背景图

html-css012

在html中插入整个页面的背景图,第1张

01

先做一个简单的HTML页面,页面里只有一个div和一段文字。

02

要添加整个页面的背景图片,我们就只能把背景加到body标签里了,所以我们在body里添加一个样式,叫‘bg’

03

然后定义这个bg的样式规则,主要就是添加background-image样式,就是添加背景图。

background-repeat是让背景图铺满整个页面。

04

看下页面的效果,可以看到现在整个页面都铺满了蝴蝶这张图片了。为了更好的效果,大家可以更换一张更好看的背景图。

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

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

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

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

相关内容:

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

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

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