CSS 기초·12 / 26

박스 모델 — padding과 border

모든 요소는 상자입니다. padding은 내용과 테두리 사이 여백, border는 테두리 선입니다.

<style>
  .box {
    padding: 16px;
    border: 2px solid black;
  }
</style>

할 일

padding을 16px로, border를 2px solid black으로 만드세요

막혔나요?

코드 에디터

<style>
  .box {
    /* padding을 16px로, border를 2px solid black으로 만드세요 */
  }
</style>
<div class="box">상자 안 내용</div>

미리보기