div 사용법

파란 박스 태그

<div style="border:1px solid #AECDFF; padding:10px; background:#E7EFF7;"> </div>

회색 박스 태그

<div style="border:1px solid silver; padding:10px; background:#EEE;"> </div>

노란 박스 태그

<div style="border:1px solid TAN; padding:10px; background:#FAFAB4;"> </div>

분홍 박스 태그

<div style="border:1px solid #FAC6C6; padding:10px; background:#FFF0F5;"> </div>

녹색 박스 태그

<div style="border:1px solid #55C755; padding:10px; background:#ECFFD1;"> </div>

More Less 태그

<a href="javascript:void(0)" onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';">클릭</a><div style="display: none;">
</div>

감추기/보기 More Less 태그

<a href='javascript:void(0)' onclick=this.innerHTML=(this.nextSibling.style.display=='none')?'감추기':'보 기';this.nextSibling.style.display=(this.nextSibling.style.display=='none')? 'block':'none';>누르세요</a><div style='display:none'>
</div>

아래 닫기 More Less 태그

<a onclick=this.nextSibling.style.display='block';this.innerHTML=''; href='javascript:void(0)'>클릭</a><div style="DISPLAY: none">
<a onclick="this.parentNode.style.display='none';this.parentNode.previousSibling.innerHTML ='[보기]';" href="javascript:void(0)">[닫기]</a></div>