<!-- <style>
nav ul li {
display: inline-block;
margin:20px;
}
</style>
<nav>
<ul>
<li><a href="#">지성이의 하루</a></li>
<li><a href="#">성일이의 하루</a></li>
<li><a href="#">파키케팔로 사우루스의 하루</a></li>
<li><a href="#">지렁이이의 하루</a></li>
</ul>
<h2>친구들의 하루</h2>
</nav> -->
<!-- <style>
div {
width:100px;
height:100px;
margin:30px;
display:inline-block;
}
</style>
<div style="background:green"></div>
<div style="background:orange"></div>
<div style="background:blue"></div> -->
<!-- <style>
div{
width:200px;
height:100px;
display:inline-block;
margin:15px;
border-width:5px;
}
.box1 {border-style:solid; }
.box2 {border-style:dotted; }
.box3 {border-style:dashed; }
</style>
<div class="box1"> </div>
<div class="box2"> </div>
<div class="box3"> </div> -->
<!-- <style>
div {
width:200px;
height:100px;
display:inline-block;
margin:15px;
border-style:dashed;
border-width:2px;
}
.box1 {border-color:red; }
.box2 {border-color:blue; }
</style>
<div class="box1"> </div>
<div class="box2"> </div> -->
<!-- <style>
h1{
padding-bottom:5px;
border-botton:3px solid #ccc;
}
p {
paddding:10px;
border:3px dotted black;
}
</style>
<h1>박스 모델</h1>
<p>박스 모델은 실제 콘텐츠 영역 사이의 여백인 패딩(padding),박스의 테두리(border),그리고 여러 박스 모델 간의 여백인 마진(margin) 등의 요소로 구성되어 있습니다.</p> -->
<!-- <style>
.round {
border:2px solid red;
border-radius:20px;
width:5000px;
height:5000px;
}
#bg {
background:url(class/sang.jpg) no-repeat;
background-size:cover;
}
</style>
<div class="round"></div>
<div class="round" id="bg">
</div> -->