본문 바로가기

border1

CSS 기본 (5)_박스(padding, margin, box-sizing, box-shadow, test-shadow) 박스모델의 구조 사이즈 : width, height 간격 : margin(border 밖), padding(content와 border사이) margin, padding 속성 크기 지정 1. 한 개의 숫자 : 상 우 하 좌 모두 동일 2. 두 개의 숫자 : 상-하 / 좌-우 3. 네 개의 숫자 : 상 우 하 좌 (순서대로) box-sizing 1. box-sizing 설정X .box1 { width: 100px; height: 100px; border: 10px solid red; margin: 20px; } .box2 { width: 100px; height: 100px; border: 10px solid red; padding: 10px; margin: 20px; } 위의 그림처럼 padding값을 .. 2022. 1. 2.

이전 1 다음

티스토리툴바