방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 여백2 Html CSS Padding 1. 내부에 여백 주기 div { padding-top: 50px; /*위*/ padding-right: 50px; /*오른쪽*/ padding-bottom: 50px; /*아래*/ padding-left: 50px; /*왼쪽*/ } 2. 1줄로 여백 주기 div { padding: 25px 50px 75px 100px; /*위, 오른쪽, 아래, 왼쪽*/ } * 1줄에서 1개를 빼면 마지막 적용내용이 순차적으로 사라진다. div { padding: 25px 50px 75px; /*위, 오른쪽, 아래*/ } 3. 전체 동일한 값 적용 div { padding: 25px; } 4. 패딩 효과 2019. 7. 4. HTML CSS Margin 1. 일반 사용 요령 p { margin-top: 100px; /*위*/ margin-bottom: 100px; /*아래*/ margin-right: 100px; /*오른쪽*/ margin-left: 100px; /*왼쪽*/ } 2. 1줄로 표현 (위 -> 오른쪽 -> 아래 -> 왼쪽) p { margin: 50px 60px 70px 80px; /*위, 오른, 아래, 왼*/ } 3. 같은 여백 주기 (전부) p { margin: 25px; /*위,아래,오른쪽,왼쪽 모두 25px*/ } 4. 여백 상속(다른 테그의 속성을 받기) 여백 효과 물려 받기 2019. 7. 3. 이전 1 다음
