Tailwind CSS: 탐색 디자인 제작

Question

CSS와 VueJs를 처음 접해서 탭 패널 디자인 + 기능을 만들고 있습니다

현재 tailwind CSS 플러그인을 사용하고 있습니다

내가 원하는 디자인은 이렇습니다.

현재: 코드펜

이 소원을 놓쳤기 때문에 복사할 수 없습니다:

• 요소 사이의 공백: flex space-x-10 或 grid grid-gap-20를 사용해 보았지만 작동하지 않습니다
• 배경이 회색입니다. <nav> 内使用 bg-gray-600 사용해 보았으나 결과가 아니기 때문이죠
• 클릭 시 선택한 라벨 변경

Answer 1

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

으아아아