CSS - 문제 미리보기
문제 1386
easy
선형 그라데이션을 만들기 위한 CSS 함수는?
```css
.gradient-box {
background-image: _____(red, blue);
}
```
```css
.gradient-box {
background-image: _____(red, blue);
}
```
정답: B
• `linear-gradient()` 함수는 CSS에서 선형 그라데이션을 생성하는 표준 함수입니다
• 선형 그라데이션의 기본 특징:
• 직선 방향으로 색상이 부드럽게 전환
• 최소 두 개의 색상 필요 (color stops)
• 시작점과 끝점 사이에서 색상이 점진적으로 변화
• 기본 사용법:
```css
/* 가장 간단한 형태 - 위에서 아래로 */
background-image: linear-gradient(red, blue);
/* 방향 지정 */
background-image: linear-gradient(to right, red, blue);
/* 각도 지정 */
background-image: linear-gradient(45deg, red, blue);
```
• 선형 그라데이션의 기본 특징:
• 직선 방향으로 색상이 부드럽게 전환
• 최소 두 개의 색상 필요 (color stops)
• 시작점과 끝점 사이에서 색상이 점진적으로 변화
• 기본 사용법:
```css
/* 가장 간단한 형태 - 위에서 아래로 */
background-image: linear-gradient(red, blue);
/* 방향 지정 */
background-image: linear-gradient(to right, red, blue);
/* 각도 지정 */
background-image: linear-gradient(45deg, red, blue);
```
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.