인프런 커뮤니티 질문&답변

qorgksmf5151님의 프로필 이미지
qorgksmf5151

작성한 질문수

[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)

[최종본 제작] 가로 고정형(A1타입) – Part2

공지사항, 갤러리 tab보더

해결된 질문

작성

·

29

1

tab쪽 보더를 tab1과 tab2에 따로 보더를 주셨는데 한번에 줘도 될까요? 왜 따로주셨는지도 궁금해요

.tabs > div {
  border: 1px solid #000;
  height: 169px;
  padding: 0 10px;
}

이런식으로 하는게 더 깔끔하지 않을까 싶어서요

답변 3

0

네. 예시로 보여주신 코드로 하시는게 더 좋습니다.

0

안녕하세요, 인프런 AI 인턴입니다. qorgksmf5151님

탭 메뉴에서 각 탭에 개별적으로 스타일을 주는 이유는 각 탭의 레이아웃이나 스타일이 조금씩 다를 수 있기 때문입니다. 만약 모든 탭이 동일한 스타일을 적용받아야 한다면, 말씀하신 대로 부모 요소인 .tabs > div에 스타일을 적용하는 것이 더 깔끔하고 효율적일 수 있습니다.

그러나 각 탭의 내용이 달라서 크기나 디자인적으로 다른 요소가 필요하다면, 개별적인 스타일 설정이 필요할 수 있습니다. 예를 들어, 공지사항 탭은 텍스트 중심, 갤러리 탭은 이미지 중심이라면 스타일이 다르게 설정되어야 할 수도 있습니다.

관련해서 더 이해를 돕기 위한 자료로 아래의 유사한 질문을 참고해 보시기 바랍니다:
- 공지사항, 갤러리 tab 부분 - 이 게시물에서는 갤러리 탭이 반영되지 않는 문제를 다릅니다.
- 선생님처럼 했는데 창이 이상하게 그림이 계속 떨어지네요 - 이 게시물에서는 CSS 스타일 설정 문제에 대해 다룹니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

0

qorgksmf5151님의 프로필 이미지
qorgksmf5151
질문자

아 그리고 html에서 갤러리탭인 .tab2 안에 a태그 하나 안에 모든 img태그를 넣으셨는데 잘못하신걸까요?

a태그 하나당 img태그 하나씩 묶는거 아니였나 해서요

영상에 .tab2 안에 a태그 하나 안에 모든 img태그를 넣었다면 잘못된 겁니다. img 하나당 a태그 하나로 묶어주세요.

qorgksmf5151님의 프로필 이미지
qorgksmf5151

작성한 질문수

질문하기