html显示css中的图片，css图片不显示

html、css怎么在style/style里添加本地图片

1、准备一个html文件和一张图片，并放在同一个文件夹里面 打开html文件，按下图中红色框选出来的位置在body标签里面输入img src=./test.jpg alt=测试 /，然后保存。

2、第一步，打开html编辑器并创建一个新的html文件，具体见下面的图示，进入到下一步骤中。

3、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：body{background-image： url(image.jpg)}。

4、在 CSS 中引用本地背景图片可以使用 background-image 属性，并将图片路径指定为本地文件路径。

5、可以在CSS里面用background-image：url(你的图片地址)。这样来加入图片，展现到网页中。

6、css代码添加背景图片：1．背景颜色：background-color 语法：{background-color：数值} 注意：在html当中，要为某个对象加上背景色只有一种办法，那就是先做一个表格，在表格中设置完背景色，再把对象放进单元格。

相关问答

Q1: 请问在CSS中如何调用本地图片?

1、在 CSS 中引用本地背景图片可以使用 background-image 属性，并将图片路径指定为本地文件路径。

2、第一步，打开html编辑器并创建一个新的html文件，具体见下面的图示，进入到下一步骤中。第二步，新建完一个新的html文件后，在index.html的标签中，输入如下所示的CSS代码，具体见下面的图示，进入到下一步骤中。

3、准备一个html文件和一张图片，并放在同一个文件夹里面 打开html文件，按下图中红色框选出来的位置在body标签里面输入，然后保存。

4、可以在CSS里面用background-image：url(你的图片地址)。这样来加入图片，展现到网页中。

Q2: div+css中背景图片显示不出来

div中设定了背景色，input中也设定背景色。

打开html开发软件，新建一个html代码页面。在html代码页面的body标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。设置背景图片样式。

第一步，打开html开发软件并创建一个新的html代码页面，见下图，转到下面的步骤。

，css没有被调用 2，css图片地址不对 3，div的高度没有固定，是auto或者没有设值 4，div被嵌套 5，div代码不规范 CSS（层叠样式表）是一种用来表现HTML或XML等文件样式的计算机语言。

Q3: css和js怎么控制html点击一张小图片就显示一张大图片?

分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

{ ingList[i].onclick=function(){ this.style.position=fixed；this.style.width=800px；this.style.top=200px；} } 这只是图片放大，你说的左右移动的那种，要俩个按钮，然后换放大图片的对象就行。

譬如有张图片icon.png，里面有很多内容，便可以在css中这么用。

html显示css中的图片的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css图片不显示、html显示css中的图片的信息别忘了在本站进行查找喔。