본문 바로가기

Next.js/기초

[TIL] TailwindCSS 사용하기

 

 

 

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 가 바뀐다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

'Next.js > 기초' 카테고리의 다른 글

[TIL] Image 올리기  (0) 2024.03.22
[TIL] changeEvent  (0) 2024.03.21
[TIL] nextJS에 이미지 url 넣기  (0) 2024.03.15
[TIL] Next.JS에서 제공하는 4가지 렌더링 기법  (0) 2024.03.14
[TIL] Next.js에서 Routing  (0) 2024.03.13