当前位置:趣知科普网>母婴教育>学习交流>

HTML中怎么插入图片作为背景?

学习交流 阅读(2.24W)

visual studio简称为vs。下面,我们来看看HTML中怎么插入图片作为背景图片吧。

HTML中怎么插入图片作为背景?

操作方法

打开vs
打开visual studio软件,并新建一个文件夹为img,把图片粘贴到文件夹中,如下图所示:

HTML中怎么插入图片作为背景? 第2张

<body style=" background:url(img/img01.jpg)">
设置背景图片的代码为 style=" background:url(img/img01.jpg)",如下图所示:

HTML中怎么插入图片作为背景? 第3张

浏览器中查看
右击【】,选择【在浏览器中查看】,如下图所示:

HTML中怎么插入图片作为背景? 第4张

预览效果
在浏览器中的预览效果如下图所示:

HTML中怎么插入图片作为背景? 第5张