예쁜 박스 - fieldset



[예제 1]

박스 크기는 소스에서 width:50% 을 늘려주세요



<!-- 소스는 여기서부터...--> <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><center><font color="#0066ff" size=2> 박스 크기는 소스에서 width:50% 을 늘려주세요 </font></center></fieldset> <!-- 소스는 여기까지 -->



▒ 예제 2 ▒

요것도 이뿌져^^*



<!-- 소스는 여기서부터...--> <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><center><font color="#ff66ff" size=2> 요것도 이뿌져^^* </font></center></fieldset> <!-- 소스는 여기까지 -->



● 예제 3 ●

요런 것도 있네요^^*



<!-- 소스는 여기서부터...--> <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><center><font color="#ffcc00" size=2> 요런 것도 있네요^^* </font></center></fieldset> <!-- 소스는 여기까지 -->



예제 4

즐거운 시간 되시길^^*



<!-- 소스는 여기서부터...--> <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><center><font color="#666666" size=2> 즐거운 시간 되시길^^* </font></center></fieldset> <!-- 소스는 여기까지 -->