보더, 배경색

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

sin-jiho

작성한 질문수

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

7. 세로 2컬럼 와이어프레임(C1~C4) - 배경색 사용해서 HTML+CSS 구조만들기

작성

148

안녕하세요 선생님 드롭다운네비게이션 강의 보다가

마지막에 와이어프레임을 만든 후 연습하라고 해서

갑자기 궁금해져서요!

보더랑 배경색으로 만드는 2가지 방법이 있는데 좀 더 추천하시는 방법이 있나요?

개인적으로는 배경색으로 하는게 더 쉬울꺼 같은데

드롭다운강의 하시는거 보면 다 보더로 그려져 있는거 같아서요

*드롭다운 네비 마지막에 와이어프레임을 잘할줄알면 ~ ... 이라고 자신감을 주셔서 감사합니다.

웹 디자인 HTML/CSS jquery

답변 1

코딩웍스(Coding Works)

지식공유자

시험보실 때 보더 그리기와 배경색 그리기 2가지 중 편한 것을 선택하시면 됩니다.

하지만 배경색으로 와이어프레임을 그리면 패딩과 보더가 늘어났을 경우 box-sizing: border-box를 주어야 하는 경우가 생깁니다. 보더로 와이어프레임을 만든 경우 나중에 보더와 패딩으로 인해 레이아웃이 망가지는 일이 없지만 배경색으로 그리는 경우 레이아웃이 망가지면 꼭 box-sizing: border-box로 잡아줘야 합니다.

실무 작업도 보더를 그리는 방법을 대부분 사용하기 때문에 보더 사용해서 와이어프레임을 만들고 필요한 곳에 box-sizing: border-box를 주는 방식으로 학습하시는것을 추천드립니다.

sin-jiho

작성한 질문수

전체 Q&A

질문하기