static 디렉터리와 style.css

스타일시트(stylesheet, css)는 static 디렉터리에 저장한다.

/sbb/src/main/resources/static

//style.css 파일을 만든다. 

textarea {
    width:100%;
}

input[type=submit] {
    margin-top:10px;
}

---

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
👉<link rel="stylesheet" type="text/css" th:href="@{/style.css}">
<body>
        <h1 th:text="${question.subject}"></h1>
        <div th:text="${question.content}"></div>
        <h5 th:text="|${#lists.size(question.answerList)}개의 답변이 있습니다.|"></h5>
        <div>
            <ul>
                <li th:each="answer : ${question.answerList}" th:text="${answer.content}"></li>
            </ul>
        </div>
        <form th:action="@{|/answer/create/${question.id}|}" method="post">
            <textarea name="content" id="content" rows="15"></textarea>
            <input type="submit" value="답변등록">
        </form>
</body>
</html>

css 경로가 th:href="@{/style.css} 임에 주의하자. static/style.css 아님.

css 적용된 것 확인 되었다.