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

清风煮酒

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

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

打开vs

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

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

<body style=" background:url(img/img01.jpg)">

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

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

在浏览器中查看

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

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

预览效果

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

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