WEB_TECH/CSS3
opacity 사용하는 방법
지식사랑
2013. 6. 19. 11:17
다음 소스코드를 실행해 봅시다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<div id="css3Style" style="opacity:0.2;" >
<div style="color:black; text-align:center; padding-right:20px; font-style:italic;">
HTML5 : CSS3 Opacity
</div>
</div>
</body>
</html>
스타일의 opacity라는 속성을 사용하면 투명도를 조절할 수 있습니다.
위의 예제에서는 div태그 전체가 투명도가 20%가 적용됩니다.
컬러를 black으로 설정했는데 이렇게 흐린 글씨로 표시되면 잘 된 것입니다.