CSS - 문제 미리보기

문제 1442

medium
타원형 이미지를 만들기 위한 올바른 CSS 코드는?
A. `clip-path: ellipse(50%, 35%);`
B. `clip-path: ellipse(50% 35%);`
C. `clip-path: oval(50% 35%);`
D. `clip-path: ellipse(50% x 35%);`

정답: B

ellipse() 함수의 문법: ```css clip-path: ellipse(x반지름 y반지름); clip-path: ellipse(50% 35%); /* 올바른 문법 */ ``` 매개변수 순서: • 첫 번째 값: 가로(x축) 반지름 • 두 번째 값: 세로(y축) 반지름 • 공백으로 구분 (쉼표 사용하지 않음) 다양한 타원 예시: ```css /* 가로로 긴 타원 */ clip-path: ellipse(60% 30%); /* 세로로 긴 타원 */ clip-path: ellipse(30% 60%); /* 위치 지정 */ clip-path: ellipse(50% 35% at right); ``` circle과의 차이: • `circle(50%)`: 정원 (x = y) • `ellipse(50% 35%)`: 타원 (x ≠ y)

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.