在react项目中的css文件里面使用public文件夹里面的图片
时间: 2024-02-20 09:00:16 浏览: 90
login-React:使用React在表单中进行数据验证
在 React 项目中,可以使用 `public` 文件夹来存储静态资源文件,比如图片。在 CSS 文件中使用这些图片,可以通过相对路径的方式来引用。假设在 `public` 文件夹中有一张名为 `image.png` 的图片,可以按照以下方式在 CSS 文件中使用:
```css
background-image: url(../image.png);
```
注意,此处的 `../` 表示回到上一级目录,然后再进入 `public` 文件夹。如果图片不在 `public` 文件夹中,而是在 `src` 文件夹中的某个子目录中,可以使用相对路径来引用,例如:
```css
background-image: url(../images/image.png);
```
这里的 `../` 表示回到上一级目录,然后进入 `images` 子目录。
阅读全文