thymeleaf css url()
时间: 2023-11-05 20:04:39 浏览: 216
thymeleaf的使用
在 Thymeleaf 中,你可以使用 `th:href` 属性来引用 CSS 文件,并使用 `@{}` 语法来指定文件路径。例如:
```html
<link rel="stylesheet" type="text/css" th:href="@{/static/css/styles.css}">
```
其中,`{/static/css/styles.css}` 是相对于应用程序根目录的路径。如果你的 CSS 文件位于不同的目录下,你可以相应地更改路径。
如果你需要在 CSS 文件中使用 `url()` 函数来引用其他资源(如图片),你可以使用 `th:src` 属性来指定路径。例如:
```css
background-image: url(/static/images/background.jpg);
```
你可以将其重写为:
```css
background-image: url([[@{/static/images/background.jpg}]]);
```
注意,这里使用了双重方括号 `[[ ]]` 来表示内联表达式。这是因为在 CSS 中,花括号 `{ }` 用于定义样式规则,Thymeleaf 表达式中也包含花括号,为了避免冲突,需要使用不同的括号。
阅读全文