<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>3일차</title>
<style>
body{background-color:grey;}
*{color:blue;}
p{text-shadow: 2px 2px 2px; color: green}
.h1class{color: yellow;}
#h1id{color: green;}
h2{color: red;}
ul li{list-style-type: square; color: violet}
.lired{color:red;}
h1{
background:-webkit-linear-gradient(bottom, blue, white);
}
span{background-color:yellow;}
</style>
</head>
<body>
<p>test p tag</p>
<h1>test h1 tag</h1>
<span>span</span>
<span>예제</span>
<ul>
<li class="lired">1인</li>
<li>2인</li>
<li>3인</li>
</ul>
<h1 class="h1class">test h1calss tag</h1>
<h1 id="h1id">test h1id tag</h1>
<h2>other test h2 tag</h2>
</body>
</html>
'Computer > HTML5 CSS3' 카테고리의 다른 글
| CSS 초기화 reset.css (0) | 2015.01.16 |
|---|---|
| HTML5 form, input, fieldset, legend 예제 (0) | 2015.01.14 |
| HTML5 블로그 만들기 예제 (0) | 2015.01.14 |