본문 바로가기

IT/django(장고)

[django]장고 개발_12 - static css 적용하기

이번에는 간단하게 static 경로로 css를 적용시켜보겠어요.

web/static 디렉터리와 base.css를 생성해주세요.

 

a {
    color:red;
}

 

그리고 base.css 에 간단하게 소스를 넣어주세요.

 

{% load static %}

<html>
<head>
    <meta charset="UTF-8">
    <title>app</title>
    <link rel="stylesheet" href="{% static 'base.css' %}">
</head>
    <body>
         {% block content %}

            {% endblock %}
    </body>
</html>

 

base.html에 {% load static %} , link를 추가해주세요.

 

그럼 간단하게 css가 변경되는 걸 확인할 수 있어요.