개발자도전
14. CSS - 레이아웃 - float를 이용한 분할 본문
728x90
- float를 이용한 2분할
- block 형태인 div 태그를 float를 이용해 나란히 배치되도록 설정
| HTML 작성 화면 - class의 bg-2 , bg-3은 background-color 지정해준것 |
![]() |
| CSS 작성 화면 | ![]() |
| 웹에서 출력된 화면 - block 형식이지만 float: left 라 왼쪽부터 차례로 정렬이 됨. |
![]() |
- 4분할 하기
| HTML 작성 화면 | ![]() |
| CSS 작성 화면 | ![]() |
| 웹에서 출력된 화면 | ![]() |
728x90
'CSS3' 카테고리의 다른 글
| 16. CSS - 레이아웃 - 글자 관련 스타일 (0) | 2022.10.10 |
|---|---|
| 15. CSS - 레이아웃 - position (0) | 2022.10.10 |
| 13. CSS - 레이아웃 - 요소 정렬 스타일(float/clear) (0) | 2022.10.10 |
| 12. CSS - 레이아웃 - 요소의 영역(여백) 관련 속성 (0) | 2022.10.10 |
| 11. CSS - 레이아웃 - 원형으로 좌우 2분할 (0) | 2022.10.10 |
Comments





