visual studio简称为vs。下面,我们来看看HTML中怎么插入图片作为背景图片吧。
打开vs打开visual studio软件,并新建一个文件夹为img,把图片粘贴到文件夹中,如下图所示:
<body style=" background:url(img/img01.jpg)">设置背景图片的代码为 style=" background:url(img/img01.jpg)",如下图所示:
在浏览器中查看右击【HTMLPage.htm】,选择【在浏览器中查看】,如下图所示:
预览效果在浏览器中的预览效果如下图所示:
用DREAMWEAVER或是其它开发工具等都是可以实现的,如在DREAMWEAVER开发为例:
可以选择在设计模式下,在菜单栏中选择-插入-图片,选择图片即可
如果写html代码,那在想插入图片的地方中加:<img src="图片的路径" />
<html><head>
</head>
<body>
<img src='b.jpg'/>
</body>
1、html中可以用img标签插入图片也可以用css的background插入。具体方法是首先新建一个html文件,里面新建两个div标签,第二个标签中插入img标签并插入图片:
2、然后在上方的style标签中设置第一个div的样式,先给div长度和高度,接着是用background属性引入图片,设置图片不重复以及图片的显示位置j即可:
3、最后打开浏览器就可以看到用两种方法引入的gif的图片了: