기본 CSS (4)

by

#7 박스 모델 2부, 엣지 패딩 다루기

무균실

공백은 위, 아래, 왼쪽, 오른쪽에 존재하는 영역입니다.

1. 하위 속성 정의
2. 한 번에 여러 값 정의

하위 속성 정의

padding-top, padding-left, padding-right 및 padding-bottom과 같은 속성을 추가할 수 있습니다.

훈련

<!
DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML 문서</title>
        <style>
            div{
                border: 5px soild red;
                padding: 10px;
                margin: 20px;
                width: 100px;
                height: 100px;
            }
        </style>
    </head>
    <body>
        <div></div>

   </body>
</html>


'추천 관련글,