spring
Thymeleaf CSS 처리
다만사
2023. 6. 26. 23:02
/src/main/resources/static 에 style.css
@charset "UTF-8";
body {
font-size: 13pt;
color: gray;
margin: 5px 25px;
}
h1 {
font-size: 18pt;
font-weight: bold;
color: gray;
}
tr {
margin: 5px;
}
th {
padding: 5px;
color: white;
background: darkgray;
}
td {
padding: 5px;
color: black;
background: #f0f0f0;
}
html 적용
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" th:href="@{/style.css}">
</head>
<body>
<h1 th:text="${msg}"></h1>
<table th:object="${person}">
<tr><th>ID</th><td th:text="*{id}"></td></tr>
<tr><th>Name</th><td th:text="*{name}"></td></tr>
<tr><th>Email</th><td th:text="*{email}"></td></tr>
</table>
</body>
</html>