如何使用CSS为网页添加一张背景图片

 时间:2024-11-11 09:08:06

使用CSS为网页添加一张背景图片的方法

工具/原料

华为MateBookD14

windows10.0.1

chrome93.0.4557

方法/步骤

1、创建两个文本文档文件,一个HTML文件,一个CSS文件,如图

如何使用CSS为网页添加一张背景图片

2、将风景图片放到与HTML、CSS两个文件同一目录下,并修改图片的文件名称为“backgroundimage.jpg”

如何使用CSS为网页添加一张背景图片

3、打开CSS文件,在body元素中添加代码“background-image:url("backgroundimage.jpg");”两行代码之间用“;(分号)”分隔

如何使用CSS为网页添加一张背景图片

4、使用浏览器打开HTML文件,可以看到,网页的背景被修改成了图片

如何使用CSS为网页添加一张背景图片

html首行缩进怎么设置 如何在HTML中插入图片 a标签的下划线怎么去掉 HTML代码如何去除超链接的下划线 css如何把文字放在图片上
热门搜索
喵星人图片 白俄罗斯美女图片 卡通图片素材 萨顶顶图片 劳保鞋图片