CSS - 문제 미리보기
문제 1297
medium
배경만 투명하게 하고 텍스트는 선명하게 유지하려면?
```css
.box {
background: _____;
color: black;
}
```
```css
.box {
background: _____;
color: black;
}
```
정답: B
RGBA를 이용한 선택적 투명화:
RGBA 문법 구조:
• rgba(red, green, blue, alpha)
• red, green, blue: 0~255 (색상값)
• alpha: 0.0~1.0 (투명도)
예시 코드 분석:
• `rgba(255, 255, 255, 0.3)`: 흰색 배경에 30% 투명도
• 텍스트는 `color: black`으로 선명하게 유지
• 배경만 선택적으로 투명화
다른 선택지들의 문제점:
opacity: 0.3:
• 전체 요소(텍스트 포함) 투명화
• 텍스트 가독성 저하
transparent: 0.3:
• 잘못된 CSS 문법
• transparent는 완전 투명 키워드
alpha: 0.3:
• CSS에 없는 속성
• RGBA 내부 파라미터와 혼동
RGBA 문법 구조:
• rgba(red, green, blue, alpha)
• red, green, blue: 0~255 (색상값)
• alpha: 0.0~1.0 (투명도)
예시 코드 분석:
• `rgba(255, 255, 255, 0.3)`: 흰색 배경에 30% 투명도
• 텍스트는 `color: black`으로 선명하게 유지
• 배경만 선택적으로 투명화
다른 선택지들의 문제점:
opacity: 0.3:
• 전체 요소(텍스트 포함) 투명화
• 텍스트 가독성 저하
transparent: 0.3:
• 잘못된 CSS 문법
• transparent는 완전 투명 키워드
alpha: 0.3:
• CSS에 없는 속성
• RGBA 내부 파라미터와 혼동
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.