[한글공부] 준비중...

테스트파일1

page1.jsp

.han {

   width: 150px;

height: 150px;

border: 1px solid #cccccc;

}

.han1 {

   width: 100px;

height: 50px;

line-height: 50px;

text-align: center;

background: #cccccc;

}

.han2 {

   width: 100px;

height: 50px;

line-height: 50px;

text-align: center;

background: #ccddcc;

}

.han3 {

   width: 50px;

height: 100px;

line-height: 100px;

text-align: center;

background: #ddcccc;

}

.han4 {

   width: 150px;

height: 50px;

line-height: 50px;

text-align: center;

background: #ccccdd;

}

.page1 {

   width: 300px;

height: 500px;

background-image: url(../commons/images/book1/20140708_070040.jpg);

background-size: 300px 500px;

}

<div class="contents_sub_header">

<ul>

<li class="han">

<div>

<ul>

<li>

<div class="han1" >1</div>

<div class="han2" >2</div>

</li>

<li class="han3" >3</li>

</ul>

</div>

<div>

<ul>

<li class="han4" >

4

</li>

</ul>

</div>

</li>

</ul>

</div>

<div class="contents_sub_header">

<ul>

<li class="page1">

글쓰기

</li>

</ul>

</div>