Next.js/기초

[TIL] TailwindCSS 사용하기

developeryeon 2024. 3. 20. 02:54

 

 

 

next.js를 사용하면 TailWindCss를 사용할 수 있는데 

프로젝트를 하다보니 className=" " 으로해서 css를 적용해줄 수 있었다.

 

TailWindCSS를 쓸 수 있는 사이트이다.

https://tailwindcss.com/

 

 

 

<button className="pr-3 pl-2 mt-3 text-white rounded-md">
	완료
</button>

 

이렇게하면 padding right와 padding left가 늘어나고, text가 white로 바뀌고, border-radius 가 바뀐다.