공부중
[웹코딩] 5일차, CSS, 이미지 6개를 배치 본문
- <img src="" alt=""> : 열고 닫는 구조가 아닌 태그는 자식을 가질 수 없음. =>img는 자식을 가질 수 없다.
- img는 inline 이다.
- inline은 정렬이 안됨. 다른 태그를 가진 부모에 의해 정렬가능. =>다른 태그로 감싸서 사용하기.
- padding(안쪽에 공백) / margin(바깥쪽 여백)
- padding-top: 25px
- padding-right: 50px
- padding-bottom: 75px
- padding-left: 100px
- padding: 25px 50px 75px 100px;
- padding: 25px (상하좌우 25px)
- (공백)
- style="height:100px;" (줄 띄움. <br>와 같음. bgc 넣어보기)
-padding만 사용하여 배치.
'HTML, CSS, JS' 카테고리의 다른 글
[웹코딩] 6일차, CSS, class (0) | 2021.09.24 |
---|---|
[웹코딩] 6일차, CSS, nth-chil / block가운데정렬 / body 정렬 (0) | 2021.09.24 |
[웹코딩] 4일차, 사이트 상단바 구축 (0) | 2021.09.16 |
[웹코딩] 4일차, CSS, div 태그만 사용하여, 사과의 색만 변경 (0) | 2021.09.16 |
[웹코딩] 3일차, CSS, hover (0) | 2021.09.16 |