Tailwind CSS: 탐색 디자인 제작

Question

저는 CSS와 VueJs를 처음 사용하기 때문에 탭 패널 디자인 + 기능을 만들고 있습니다. 현재 tailwindCSS 플러그인을 사용하고 있습니다. 제가 원하는 디자인은 다음과 같습니다. 현재: CodePen 누락되어 이 소원을 복제할 수 없습니다. : 요소 사이 공백: flexspace-x-10 또는 Gridgrid-gap-20을 사용해 보았지만 작동하지 않습니다. 배경이 회색입니다. <nav> 내부에서 bg-gray-600을 사용해 보았으나 결과가 바뀌지 않고 원인만 바뀌었습니다. 클릭 시 태그 선택

P粉764785924 · Answer

다음을 사용하여 CSS에서 직접 탐색을 변경할 수 있습니다.

으아아아