首页怎么让Thymeleaf解析html引入的外部css文件

怎么让Thymeleaf解析html引入的外部css文件

时间: 2024-05-15 19:19:55 浏览: 173

要让Thymeleaf解析HTML引入的外部CSS文件，请按照以下步骤操作： 1. 在HTML文件的<head>标签中添加link标签，如下所示： ```html <head> <link rel="stylesheet" href="../static/css/style.css"> </head> ``` 2. 将CSS文件放在项目的静态资源文件夹中，如src/main/resources/static/css/。 3. 在Thymeleaf模板文件中使用标准的HTML语法引入CSS文件，如下所示： ```html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>My Page</title> <link rel="stylesheet" th:href="@{/css/style.css}"> </head> <body> <h1>Welcome to my page</h1>  </body> </html> ``` 4. 在Thymeleaf配置文件中添加以下配置： ```properties spring.thymeleaf.mode=HTML spring.thymeleaf.cache=false ``` 这样就可以让Thymeleaf解析HTML引入的外部CSS文件了。

阅读全文