<style type="text/css">
.rtop, .rbottom{display:block; background: #FFFFFF;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; }
.r { text-align: center; width: 120px; font: bold 9px tahoma; }
.r1 { margin: 0 5px; background: #DEDEDE; height: 1px; }
.r2 { margin: 0 3px; border: solid #DEDEDE; border-width: 0 2px; }
.r3 { margin: 0 2px; border: solid #DEDEDE; border-width: 0 1px; }
.r4 { margin: 0 1px; border: solid #DEDEDE; border-width: 0 1px; height: 2px}
.r5 {margin: 0 2px; background: #DEDEDE; height: 1px}
.r6 {margin: 0 1px; background: #FFFFFF; border: solid #DEDEDE; border-width: 0 1px; height: 1px}
.rc { border: solid #DEDEDE; border-width: 0 1px; }
</style>
출력부분 입니다.
두가지인데요, 차이점은 smooth 값의 변화입니다.
<div class="r">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="rc">
첫번째 테이블
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b> <b class="r2"></b><b class="r1"></b></b>
</div>
<br />
두번째
<div class="r">
<b class="rtop"><b class="r5"></b><b class="r6"></b></b>
<div class="rc">
두번째 테이블
</div>
<b class="rbottom"><b class="r6"></b><b class="r5"></b></b>
</div>
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
☞자세히보기 |
|
|