개발자의 길/Web Programming

<CSS> Margin

모쿠 2017. 3. 30. 14:57

<CSS Margin>


<06_Margin.html>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Margin</title>
<style>
div {
    border: 2px solid black;
}
.cls-margin {
/*     margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 40px;
    margin-reft: 30px;
 */
 /* margin: top right bottom left; */
    margin:30px 40px;
}
</style>
</head>
<body>
 
<h1>CSS Margin</h1>
<div>여기는 단락1입니다.</div>
<div class="cls-margin">여기는 단락2입니다.</div>
<div>여기는 단락3입니다.</div>
</body>
</html>
cs



<출력화면>




저작자표시 비영리