본문 바로가기
CSS/tailwind

tailwind CDN 설정

by holy season 2024. 4. 2.
반응형

CDN 설정

html파일의 head부분에 tailwind CDN을 추가

<script src="https://cdn.tailwindcss.com"></script>

예제

CDN을 추가하고 텍스트 크기를 font-size: 1.875rem;  30px  line-height: 2.25rem;  36px, 볼드체, 밑줄로 나오도록 h1 클래스 설정

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="https://cdn.tailwindcss.com"></script>
    </head>
    <body>
        <h1 class="text-3xl font-bold underline">
            Hello world!
        </h1>
    </body>
</html>

반응형