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 같이 보기[ | ]

편집자 J Jmnote Jmnote bot 183.109.83.121