tab 만드는 중에 질문 있습니다.

[Eun-Gil Cho]

쿠팡 싸이트 참고 해가면서 탭 메뉴 만들어보고 있는데요.

부트스트랩은 학습을 위해, 사용하지 않고 있습니다.

 

 

쿠팡은 이렇게 클릭을 하면, 파란색 라인이 생기면서 클릭 된 게 무엇인지를 보여줍니다. 그런데, 제가 막히는 부분은 여행상품 밑에 라인이 없다는 겁니다. 

여행상품을 구성하는 li 박스 같은 경우  border-bottom을 none으로 주면 되지만, 그 밑에 tab-content 같은 경우는 li 박스 위치에 딱 그 사이즈만큼 라인을 없애줘야하는데, 어떻게 구현할 수 있을지 모르겠습니다.

어떻게 이 부분을 구현할 수있을까요?? 큰 그림에서 구상 정도만 알려주셔도 좋습니다. 아에 어떻게 접근해야할지 감도 못 잡겠습니다;;

[codingapple]

버튼들에만 상하좌우 border 조정하고

밑에 있는 큰 박스는 border 안주면 됩니다

[Eun-Gil Cho]

밑에 있는 큰 박스에 border를  안 주면,

 

밑에 박스 상단에 border-top을 줘야만 그려낼 수있는 파란색 라인은 어떻게 그려내야 하나요??

[codingapple]

다른버튼들엔 항상 파란색 border-bottom을 주면 되겠군요 

[글쓴이]

글