无法在百里香中添加css文件

时间:2017-09-26 11:59:32

标签: css thymeleaf

我是thymeleaf的新手并尝试在百里香中添加.css文件,但无法加载css文件。  我的css文件位于src / main / resources / templates / style.css

 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">

 <head>
 <title>State 1 for Document</title>
 </head>

 <div th:if="${InstaPanState==1 and InstaPanStateStatus==0}">
 <head lang="en">
    <title>Instaveritas PAN Verification</title>
    <link rel='stylesheet prefetch' 
   href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' 
    th:href="@{https://fonts.googleapis.com/css?
    family=Open+Sans:400,300}"/>
    <link rel='stylesheet prefetch' 
     href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' 
     th:href="@{https://fonts.googleapis.com/css?
     family=Open+Sans:400,300}" />
    <link type="text/css" rel="stylesheet" href="style.css"  
    th:href="@{/style.css}" media="all"/>
</head>

2 个答案:

答案 0 :(得分:0)

您需要添加资源映射,请参阅http://www.baeldung.com/spring-mvc-static-resources

答案 1 :(得分:0)

您可以在名为static的资源和名为css的子文件夹下创建一个文件夹,并在那里移动您的css文件,例如:resources/static/css/style.css

然后称之为:

<link rel="stylesheet" type="text/css" th:href="@{/css/style.css}"/>