테두리 박스 만드는 방법 태크

[예제 1]

박스 크기는 소스에서 width:50% height:70을 조절 하시면 됩니다.

<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>박스 크기는 소스에서 width:50% height:70을 조절 하시면 됩니다.</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>색깔도 원하시는데로 바꿔보세요.</fieldset>

● 예제 3 ●

border-color는 테두리 색이고 font color는 글씨색입니다.

<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>border-color는 테두리 색이고 font color는 글씨색입니다.</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>여러가지로 응용해서 사용해보세요

출처 : Tong - 아침마을님의 ◇컴퓨터와 친해지자통