[python 트린드 홈페이지개발] 4 - flask에 css 적용하기

 

이번엔 flask프로젝트 안에서 css를 적용해볼 것입니다.

 

 

 

이렇게 폴더를 만들어주고

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

 

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;

}

[출처] https://philosopher-chan.tistory.com/430

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
82 [Python, 인터넷] 네이버 뉴스 기사 크롤링 졸리운_곰 2021.05.23 540
81 [python][flask] webpage-scraper file 졸리운_곰 2021.04.28 314
80 [python][자동화] python으로 카카오톡 자동 메시지 전송 졸리운_곰 2021.04.27 635
79 [python][ip 추적] 영화와 같은 ip 위치 추적 python 소스 IP Radar 2 file 졸리운_곰 2021.04.15 1519
78 [python][jupyter notebook][JSON API] Building a JSON API Using Jupyter Notebooks in Under 5 Minutes file 졸리운_곰 2021.03.28 537
77 Python Flask 프레임워크 이해하기 file 졸리운_곰 2021.03.21 470
76 Python Flask 로 간단한 REST API 작성하기 file 졸리운_곰 2021.03.21 465
75 [python internet, MSA] REST API Development with Flask file 졸리운_곰 2021.03.14 350
74 간단한 Flask, mysql, 파이썬 기반 Open API 웹서버 개발 방법 file 졸리운_곰 2021.03.14 416
73 [python, 인터넷, 인공지능] 다중 사용자를 위한 Jupyterhub 설치Install jupyterhub for multi-user file 졸리운_곰 2021.02.17 331
72 Building beautiful REST APIs using Flask, Swagger UI and Flask-RESTPlus file 졸리운_곰 2021.02.09 517
71 gRPC 뽀개보기 졸리운_곰 2021.01.30 514
70 python으로 gRPC / tools 설치 및 작동시키기 file 졸리운_곰 2021.01.02 390
69 파이썬 플라스크와 MySQL을 사용해 flask, python, mysql file 졸리운_곰 2020.12.29 756
68 flask - apache 연동(mod_wsgi) file 졸리운_곰 2020.12.29 440
67 Continuous Integration Testing For Flask with Jenkins Create a simple flask app 졸리운_곰 2020.12.29 352
66 네이버 사전에 네이버 번역 API 연동하기 (파파고) file 졸리운_곰 2020.11.21 815
65 PS4 프로 자동 구입 매크로 만들기 -5- file 졸리운_곰 2020.11.21 461
64 PS4 프로 자동 구입 매크로 만들기 -4- file 졸리운_곰 2020.11.21 585
63 PS4 프로 자동 구입 매크로 만들기 -3- file 졸리운_곰 2020.11.21 585
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED