padding (1) 썸네일형 리스트형 [css] 박스모델 자세하게 알아보자 (margin, padding, border, background..) 박스 모델은 말 그대로 박스를 만드는 것 css의 처음이자 마지막이다 알아보자 마진과 패딩 컨텐트를 감싸고 있는 친구가 box 그 실선이 border다 패딩(padding)은 박스 모델의 내부와 외부 공간을 구성하는 속성이다 콘텐츠를 기본으로 보더(border)까지 공간을 패딩이라 하며 보더부터 점선까지 마진(margin)이라고 한다 .box1{ margin: 30px; //바깥으로 30px씩 padding: 30px; //안쪽으로 30px씩 border: 5px solid red; //테두리 5픽셀로 빨간색 width: 500px; // box너비 500px } 하나의 값을 적용하면 네 가지 방향(상,하,좌,우)으로 공간이 생겨 밀려난다 하나씩 해줄 수도 있다 .box1{ margin-top: 30px.. 이전 1 다음
