CSS - 문제 미리보기
문제 1057
hard
다음 코드들 중에서 50% 투명한 토마토 색상을 올바르게 구현한 것은?
```html
<!-- A -->
<div style="background-color:rgba(255, 99, 71, 0.5);">Box A</div>
<!-- B -->
<div style="background-color:hsla(9, 100%, 64%, 50%);">Box B</div>
<!-- C -->
<div style="background-color:rgb(255, 99, 71, 0.5);">Box C</div>
<!-- D -->
<div style="background-color:hsla(9, 100%, 64%, 0.5);">Box D</div>
```
```html
<!-- A -->
<div style="background-color:rgba(255, 99, 71, 0.5);">Box A</div>
<!-- B -->
<div style="background-color:hsla(9, 100%, 64%, 50%);">Box B</div>
<!-- C -->
<div style="background-color:rgb(255, 99, 71, 0.5);">Box C</div>
<!-- D -->
<div style="background-color:hsla(9, 100%, 64%, 0.5);">Box D</div>
```
정답: B
투명도를 표현하려면 RGBA나 HSLA를 사용해야 합니다. 토마토 색상의 50% 투명 버전은 `rgba(255, 99, 71, 0.5)`와 `hsla(9, 100%, 64%, 0.5)`입니다.
• A: 올바름 (RGBA, 투명도 0.5)
• B: 틀림 (HSLA이지만 투명도가 50%로 표기됨 - 올바른 값은 0.5)
• C: 틀림 (RGB는 투명도 지원 안 함)
• D: 올바름 (HSLA, 투명도 0.5)
따라서 A와 D가 정답입니다.
• A: 올바름 (RGBA, 투명도 0.5)
• B: 틀림 (HSLA이지만 투명도가 50%로 표기됨 - 올바른 값은 0.5)
• C: 틀림 (RGB는 투명도 지원 안 함)
• D: 올바름 (HSLA, 투명도 0.5)
따라서 A와 D가 정답입니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.