티스토리 뷰
■ opacity
: 텍스트까지 전체 다 투명하게
■ background-color:rgba
: 배경만 투명하게
: background-color:rgba(255,255,255,0.5)
마지막 4번째 칸 0(투명) ~ 1(불투명)
<!DOCTYPE HTML>
<html lang="KO">
<head>
<title> New Document </title>
<meta charset="UTF-8">
<link rel="stylesheet" link href="css/style2.css">
<style>
p{margin-top:20px; height:100px; background-color:#fff;}
.box{width:500px; height:500px; border:1px solid #333; background:url(images/opbg.jpg) no-repeat;}
.text01{opacity:0.5;}/*텍스트까지 전체 다 투명하게*/
.text02{background-color:rgba(255,255,255,0.5)}/*배경만투명하게*/
</style>
</head>
<!--그라디언트!!-->
<body>
<div class="box">
<p class="text01">html5</p>
<p class="text02">html5</p>
<p class="text03">html5</p>
</div>
</body>
</html>
'Language > CSS' 카테고리의 다른 글
| [ CSS ] background 배경 (0) | 2016.01.14 |
|---|---|
| [ CSS ] white-Space, word-break, word-wrap, text-overflow (0) | 2016.01.03 |
| [ CSS ] 자간, 어간, 행간 간격조절 (0) | 2016.01.02 |
| [ CSS ] scrollbar ( IE / Chrome / Safari ) - 스크롤바 익스 크롬 사파리 (0) | 2016.01.02 |
| [ CSS ][ LINK ] 가로 쓰기 | 새로 쓰기 (0) | 2016.01.02 |