오늘만 margin을사용해서 몇번을 간격조절 했는지 모른다.
빈 div태그를 만들어 className을 주고 마진을 이용 했을정도로 간격을 만들때 중요한 margin...
margin은 기본적으로
1)margin : 원하는px
그럼 상하좌우 전부 공백이 늘어난다.
2)margin-left, margin-right, margin-bottom, margin-top
이렇게도 개별 설정할 수 있다.
참고한링크
https://developer.mozilla.org/ko/docs/Web/CSS/margin
margin - CSS: Cascading Style Sheets | MDN
margin CSS 속성은 요소의 네 방향 바깥 여백 영역을 설정합니다. margin-top, margin-right, margin-bottom, margin-left의 단축 속성입니다.
developer.mozilla.org
https://developer.mozilla.org/ko/docs/Web/CSS/margin-right
margin-right - CSS: Cascading Style Sheets | MDN
margin-right CSS 속성은 요소의 오른쪽에 바깥 여백 영역margin area을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다.
developer.mozilla.org
https://developer.mozilla.org/ko/docs/Web/CSS/margin-bottom
margin-bottom - CSS: Cascading Style Sheets | MDN
margin-bottom CSS 속성은 요소의 아래쪽에 바깥 여백 영역margin area을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다.
developer.mozilla.org
'HTML,CSS' 카테고리의 다른 글
div border속성 (테두리,선,굵기등...) (0) | 2022.04.02 |
---|---|
justify-content (0) | 2022.04.02 |
CSS 애니메이션, 위아래 움직이는 효과주기 (0) | 2022.03.23 |
다시한번 보는 border 시리즈(radius,solid,style등..) (0) | 2022.03.23 |
버튼 클릭 효과(음영,눌리는효과),cursor속성까지 (0) | 2022.03.23 |