thinkphp6.0使用CSS插入背景图,并且写出图片路径
时间: 2024-10-04 18:04:32 浏览: 27
ThinkPHP 6.0 中,为了在HTML模板中插入CSS并设置背景图片,你可以使用`style`标签或者外部CSS文件的方式。这里提供两种常见方法:
1. **直接在HTML中** (内联样式):
```html
<div class="your-class" style="background-image: url('/path/to/your/image.jpg');"></div>
```
在这里,`/path/to/your/image.jpg`需要替换为你的实际图片路径。确保这个路径是在ThinkPHP的public目录或者资源文件夹(如static)下。
2. **外部CSS文件**:
首先,在你的CSS文件(例如`styles.css`)中添加如下内容:
```css
.your-class {
background-image: url(/path/to/your/image.jpg);
}
```
然后在HTML模板中引用该CSS文件:
```html
<link rel="stylesheet" type="text/css" href="{:static('styles.css')}" />
```
同样,`/path/to/your/image.jpg`也需要替换为你项目内的真实图片路径。
阅读全文