css如何插入图片

html-css016

css如何插入图片,第1张

css插入图片方法如下:

操作设备:戴尔笔记本电脑

操作系统:win10

操作程序:html编辑器v8.21

1、打开html编辑器并创建一个新的html文件。

2、新建完一个新的html文件后,在index.html的<style>标签中,输入如下所示的CSS代码。

3、输入完CSS代码之后,接下来运行index.html页面,可以发现,本地图片通过背景图片衜中的本地路径成功调用为了背景图片,图片就成功加入了。

用CSS的绝对定位可以在网页的任何地方插入图片 但是有可能覆盖以前的内容 但是估计你不会在那里有内容不然也不会提这个问了哈

在<body>后面加个层<div style="position:absoluteleft:*pxtop:*px"><img src="" /></div>就可以了 left:*px 就是这个层也就是这个图片与浏览器左边的像素距离 top:*px 就是这个层与浏览器上面的像素距离 <img>就不用我说了吧