이번엔 flask프로젝트 안에서 css를 적용해볼 것입니다.
이렇게 폴더를 만들어주고
html에 link를 걸어주고 html과 css파일을 꾸며보겠습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/index_style.css') }}">
</head>
<body>
<div>
여기는 html영역입니다.
<a href="/about">어바웃페이지로 이동</a>
</div>
<div class="daum_content">
<h1>여기는 다음 인기검색어입니다.</h1>
<ul>
{% for i in list %}
<li>{{i}}</li>
{% endfor %}
</ul>
</div>
</body>
</html>
.daum_content {
padding: 20px;
border: 10px solid green;
border-radius: 50px;
}'인프런 - 강의 > 트렌드 홈페이지 개발 (Flask, 파이썬크롤링)' 카테고리의 다른 글
| 6 - href 연결하기 (0) | 2020.01.21 |
|---|---|
| 5 - 다른 페이지 크롤링 (0) | 2020.01.20 |
| 3 - 크롤링한 데이터 html에 보여주기 (2) | 2020.01.16 |
| 2 - flask 프로젝트 생성, 세팅 (0) | 2020.01.16 |
| 1 - 트렌드 홈페이지 개발 개요 (0) | 2020.01.16 |