Difference between revisions of "Using CSS files"
From MyWiki
| Line 24: | Line 24: | ||
</body> | </body> | ||
</html> | </html> | ||
| − | |||
| − | |||
</source> | </source> | ||
Latest revision as of 17:22, 19 March 2021
In the "hello" folder create a folder called "static" and within it create a folder called "hello"
In this "hello" folder create a file called "styles.css" with the following contents:
h1{
font-family: sans-serif;
font-size: 90px;
text-align: center;
color: green;
}Then make the greet.html file look like below:
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<title> Hello</title>
<link href="{% static 'hello/styles.css' %}" rel="stylesheet">
</head>
<body>
<h1> Hello, {{ name }}!</h1>
</body>
</html>