<HTML>
<HEAD>
<TITLE> 스타일시트 활용 </TITLE>
<STYLE>
<!--
body,table,input {font-size:9pt;} /* body,table,input 태그에 글자 크기, 색상 지정 */
textarea {color:#009933; /* textarea 글자 색상 지정 */
height:200px} /* textarea 높이 지정 */
.tb {border-style:double; /* 테두리선 모양 지정 */
border-color:#DB7100; /* 테두리선 색상 지정 */
margin-top:40px; /* 브라우저와의 위쪽 간격 지정 */
margin-left:30px;} /* 브라우저와의 왼쪽 간격 지정 */
.re {color:#CC3300;} /* 글자 색상 지정 */
.box {border:1 solid orange; /* 테두리 두께와 선모양, 색상 지정 */
color:#3366CC; /* 글자 색상 지정 */
height:20px;} /* 높이 지정 */
.td1 {width:70px; /* 넓이 지정 */
background-color:#FFCC66; /* 배경색상 지정 */
padding:5px} /* 문단 안쪽의 여백 지정 */
.td2 {width:300px; /* 넓이 지정 */
background-color:#FFAA01; /* 배경색상 지정 */
padding:3px} /* 문단 안쪽의 여백 지정 */
A:link, A:visited {color:#6633CC; text-decoration:none} /* 하이퍼링크의 기본링크와 방문 링크의 색상과 모양 지정 */
A:hover {color:#66FF66; text-decoration:underline} /* 하이퍼링크의 롤오버 링크의 색상과 모양 지정 */
-->
</STYLE>
</HEAD>
<BODY>
<TABLE WIDTH="500" class="tb">
<TR>
<TD class="td1">아이디</TD>
<TD class="td2">
<INPUT class="box" type="text" name="id" size="20">
<A HREF="#">[중복확인]</A>
</TD>
</TR>
<TR>
<TD class="td1">비밀번호</TD>
<TD class="td2"><INPUT class="box" type="password" name="pw" size="20"></TD>
</TR>
<TR>
<TD class="td1">이름</TD>
<TD class="td2"><INPUT class="box" type="text" name="kor_na" size="20"></TD>
</TR>
<TR>
<TD class="td1">이메일</TD>
<TD class="td2"><INPUT class="box" type="text" name="email" size="20"></TD>
</TR>
<TR>
<TD class="td1">연락처</TD>
<TD class="td2"><INPUT class="box" type="text" name="tel" size="20"></TD>
</TR>
<TR>
<TD class="td1">자기소개</TD>
<TD class="td2"><TEXTAREA cols=50></TEXTAREA></TD>
</TR>
</TABLE>
</BODY>
</HTML>
