CSS 투명 배경색

1 개요

CSS transparent background color

CSS 투명 배경색

CSS 배경색 투명하게 하기

CSS input text 투명 배경색

css

Copy

background: transparent;

css

Copy

background-color: transparent;

2 예시1: 인라인 스타일

html

Copy

<style type='text/css'>
.box1 { background: orange }
.inner1 { background: transparent }
</style>

<div class='box1'>
<input type='text' value='흰배경' />
<input type='text' class='inner1' value='투명배경' />
</div>

→ input text 2개가 오렌지색 div에 있다.

→ 1번은 배경색이 기본값인 흰색이 되고, 2번은 투명이 되어 오렌지색으로 보이게 된다.

3 예시2: 스타일시트

html

Copy

<style>
.box1 { background: orange }
.inner1 { background: transparent }
</style>

<div class='box1'>
<input type='text' value='흰배경' />
<input type='text' class='inner1' value='투명배경' />
</div>

4 같이 보기

• CSS 그라데이션