728x90
반응형
02_opacity.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>요안도라</title>
<style>
@import "../css/02_opacity.css";
</style>
</head>
<body>
<h1 class="op0">Joandora</h1>
<h1 class="op1">Joandora</h1>
<h1 class="op2">Joandora</h1>
<h1 class="op3">Joandora</h1>
</body>
</html>02_opacity.css
@CHARSET "UTF-8";
body{
background-color: #036;/*색깔을 나타내는 표현법1*/
}
h1{
font-family: Arial, Helvetica, sans-serif; /*맨 앞부터 순서대로 있는 폰트를 찾아낸다 만약 없으면 브라우저 기본 글꼴로 출력된다.*/
font-size: 3em;
}
.op0{
color: rgb(255,255,255);/*색깔을 나타내는 표현법2*/
}
.op1{
color: rgba(255,255,255,1.0);/*색깔을 나타내는 표현법3*/
}
.op2{
color: rgba(255,255,255,0.5);
}
.op3{
color: rgba(255,255,255,0.0);
}
728x90
반응형
'WEB > CSS' 카테고리의 다른 글
| [CSS] ch03-04. bgimg (0) | 2017.08.23 |
|---|---|
| [CSS] ch03-03. bgcolor (0) | 2017.08.23 |
| [CSS] ch03.01. rgba (0) | 2017.08.23 |
| [CSS] ch02-09. list 2 (0) | 2017.08.23 |
| [CSS] ch02-08. list (0) | 2017.08.23 |