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

发布网友发布时间：2022-04-21 19:48

共5个回答

热心网友时间：2022-04-19 06:40

可以使用<img> 标签，下面演示一下：

1、准备一个html文件和一张图片，并放在同一个文件夹里面

2、打开html文件，按下图中红色框选出来的位置在body标签里面输入<img src="./test.jpg" alt="测试" />，然后保存。./代表代表当前目录

3、在浏览器中打开html文件，就可以显示插入的图片了，如下图所示

热心网友时间：2022-04-19 07:58

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、以与index.html同目录的本地图片small2.png为例，在index.html中的<style>标签中，输入css代码：body {background-image: url('small2.png')}。

3、浏览器运行index.html页面，此时成功在style标签中添加了本地图片作为背景。

热心网友时间：2022-04-19 09:33

本地图片就是你本地的路径啊，如url(D:/abc.png)，但一般在做网页时都不是用这种绝对路径，一般用相对路径，如：这张图片在你这个样式文件的上一级的images文件夹下，你就这样写：url(../images/abc.png)，这里的../就表示上一级的意思。来自：求助得到的回答

热心网友时间：2022-04-19 11:24

目录结构
html跟images在同级别目录

本地图片用相对路径，url(images/a.jpg)

热心网友时间：2022-04-19 13:32

url(本地图片路径就 OK了)

比如url( images/af .png)

html、css怎么在&lt;style&gt;&lt;/style&gt;里添加本地图片