파란 박스 태그

<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>