HTML中怎么插入图片作为背景？，html怎么把图片作为背景
2022/11/25 22:39:01
HTML中怎么插入图片作为背景？
visual studio简称为vs。下面，我们来看看HTML中怎么插入图片作为背景图片吧。
打开vs 打开visual studio软件，并新建一个文件夹为img，把图片粘贴到文件夹中，如下图所示：
<body style=" background:url(img/img01.jpg)"> 设置背景图片的代码为 style=" background:url(img/img01.jpg)"，如下图所示：
在浏览器中查看 右击【HTMLPage.htm】，选择【在浏览器中查看】，如下图所示：
预览效果 在浏览器中的预览效果如下图所示：
HTML中如何添加背景图片？
1、插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。具体操作是首先新建一个html文件，写入两个div，分别用来演示两种方法插入标签：
2、首先是用html标签插入图片，这里直接在img标签中使用src属性就可以插入图片路径就成功了：
3、接着是用css插入，在div中设置class属性为img2，在script标签中使用background标签插入，其中url是标签的路径，no-repeat是设置图片不重复，center是设置照片居中显示：
4、最后给这些标签都设置一些样式，让它们显得美观一些。然后打开浏览器查看效果：
5、打开浏览器，可以看到照片都显示出来了。以上就是html插入照片的方法介绍：
html中怎么用图片做背景
html中用图片做背景方法:
第一种：样式表
body {
background: url(images/qq.com);
}
第二种：直接写在html的标签里面
<body background="URl">
在html中将插入背景图片,如何让背景图片跟屏幕一样大？
方法：首先点击【新建文件夹】，放入背景图片，在Dreamweaver CS6中点击【新建一个html空白文档】，.将页面内容放入<body></body>中，在<body后按一下空格键，找到background，再按空格，点击【浏览】，选中背景图，点击【确定】，将html另存为在“表格”文件夹里。这样就可以让背景图片跟屏幕一样大。