개발자도전
11. CSS - 레이아웃 - 원형으로 좌우 2분할 본문
728x90
- 원형으로 모양을 만들기 위해 CSS에서 border-radius로 작성해주기
- 그냥 작성 시 원형 모양으로 색이 칠해지는 것이 아니라서 overflow: hidden으로 넘치는 부분은 숨겨줌
| HTML 작성 화면 |  |
| CSS 작성 화면 |  |
| 웹에서 출력된 화면 - class="area3"은 노란색으로 class="area4"는 초록색으로 지정되어 있음 |
 |
728x90
'CSS3' 카테고리의 다른 글
| 13. CSS - 레이아웃 - 요소 정렬 스타일(float/clear) (0) | 2022.10.10 |
|---|---|
| 12. CSS - 레이아웃 - 요소의 영역(여백) 관련 속성 (0) | 2022.10.10 |
| 10. CSS - 레이아웃 - 화면 분할 (0) | 2022.10.10 |
| 9. CSS - 레이아웃 - display (0) | 2022.10.10 |
| 8. CSS - 선택자 우선 순위 (0) | 2022.10.09 |
'CSS3' Related Articles
more
Comments