<br>[소스1]<br>
<fieldset style="width:50%; height:70; padding:15; border-style:solid; border-width:1; border-color:#0066ff">
<legend><font color="#0066CC">[예제 1]</font></legend>
<p>테두리 위에 제목을 달 수 있습니다.<br>선의 색도 바꿀 수 있죠.
</fieldset>
<br><br>[소스2]<br>
<fieldset style="width:50%; height:70; padding:15; border-style:solid; border-width:1; border-color:#ff99ff">
<legend align=center><font color="#ff66ff">▒ 예제 2 ▒</font></legend>
<p>테두리 위에 제목을 달 수 있습니다.<br>제목의 위치도 바꿀 수 있죠.
</fieldset>
<br><br>[소스3]<br>
<fieldset style="width:50%; height:70; padding:15; border-style: double; border-width:3; border-color:#ffcc00">
<legend align=right><font color="#FFcc00">● 예제 3 ●</font></legend>
<p>테두리 위에 제목을 달 수 있습니다.<br>선의 모양도 바꿀 수 있죠.
</fieldset>
<br><br>[소스4]<br>
<fieldset style="width:50%; height:70; padding:15; border-style:solid; border-width:1; border-color:#666666">
<legend>
<table border=0 cellpadding=0 cellspacing=1 width=50 bgcolor="#666666">
<tr><td bgcolor=#eeeeee align=center>예제 4</td></tr></table></legend>
<p>테두리 위에 제목을 달 수 있습니다.<br>제목을 테이블로도 꾸밀 수 있죠. </fieldset>
<p>