♣컴배우기♣

테두리박스만들기

후루지아 2006. 2. 2. 00:17

 

 

[예제 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>여러가지로 응용해서 사용해보세요 </fieldset>

'♣컴배우기♣' 카테고리의 다른 글

여러가지글자모양  (0) 2006.02.15
간단한태그로 그림  (0) 2006.02.03
댓글에 바탕색  (0) 2006.01.11
글씨 태그모음  (0) 2005.12.14
댓글이미지 쉽게 올리는 방법  (0) 2005.04.04