웹프로그램밍 자료실/기타 자료
[해피CGI][cgimall] CSS 프레임 워크 - tailwindcss 4.2
해피CGI윤실장
2026. 4. 24. 09:07
Tailwind CSS 는 CSS 프레임워크 로 쉽고 빠르게 디자인이 가능합니다.
클래스 이름을 고민하거나 CSS 파일 관리할 필요 없이, HTML 에서 바로 스타일을 적용할 수 있습니다.
반응형, 다크 모드도 접두어 하나로 처리되고, 빌드 시 자동 최적화까지 돼서 생산성이 크게 올라갑니다.
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
</head>
<body>
<h1 class="text-3xl font-bold underline">
Hello world!
</h1>
</body>
</html>
간단하게 CDN 등록으로도 사용 가능합니다.
빠르고 쉽게 멋있는 사이트를 제작하고 싶다면 Tailwind CSS 를 고려해 보시기 바랍니다.
Tailwind CSS 로 디자인된 다양한 디자인을 아래 링크에서 확인해 보세요.
https://tailwindcss.com/showcase
간단하게 CDN 등록으로도 사용 가능합니다.
빠르고 쉽게 멋있는 사이트를 제작하고 싶다면 Tailwind CSS 를 고려해 보시기 바랍니다.
Tailwind CSS 로 디자인된 다양한 디자인을 아래 링크에서 확인해 보세요.
https://tailwindcss.com/showcase
