CSS - 문제 미리보기
문제 1377
easy
투명도를 포함한 RGB 색상을 지정하는 CSS 함수는?
```css
.transparent-red {
background-color: _____(255, 0, 0, 0.5);
}
```
```css
.transparent-red {
background-color: _____(255, 0, 0, 0.5);
}
```
정답: B
• `rgba()` 함수는 RGB 색상에 알파(투명도) 채널을 추가한 함수입니다
• rgba 함수의 구조:
```css
rgba(red, green, blue, alpha)
```
• red: 빨간색 강도 (0-255)
• green: 녹색 강도 (0-255)
• blue: 파란색 강도 (0-255)
• alpha: 투명도 (0.0-1.0)
• 투명도 값의 의미:
• `0.0`: 완전히 투명 (보이지 않음)
• `0.5`: 반투명 (50% 투명)
• `1.0`: 완전 불투명 (일반 색상)
• 다른 함수들과의 차이:
• `rgb()`: 투명도 없는 기본 RGB
• `hsl()`: 색조, 채도, 명도 방식
• `hsla()`: HSL + 투명도
• rgba 함수의 구조:
```css
rgba(red, green, blue, alpha)
```
• red: 빨간색 강도 (0-255)
• green: 녹색 강도 (0-255)
• blue: 파란색 강도 (0-255)
• alpha: 투명도 (0.0-1.0)
• 투명도 값의 의미:
• `0.0`: 완전히 투명 (보이지 않음)
• `0.5`: 반투명 (50% 투명)
• `1.0`: 완전 불투명 (일반 색상)
• 다른 함수들과의 차이:
• `rgb()`: 투명도 없는 기본 RGB
• `hsl()`: 색조, 채도, 명도 방식
• `hsla()`: HSL + 투명도
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.