CSS - 문제 미리보기
문제 1442
medium
타원형 이미지를 만들기 위한 올바른 CSS 코드는?
정답: 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 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.