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 같이 보기[ | ]
편집자 Jmnote Jmnote bot 183.109.83.121
로그인하시면 댓글을 쓸 수 있습니다.
- 분류 댓글:
- CSS (1)
HTML에 CSS를 적용하는 방식 3가지 ― 천도현