CSS/CSS Forms
CSS Forms
Soul-Learner
2008. 5. 12. 21:21
<HTML>
<HEAD>
<TITLE> Applying CSS to HTML Forms </TITLE>
<style type="text/css">
.input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351;
}
.submit
{
color: #000;
background: #ffa20f;
border: 1px solid #000000;
}
fieldset
{
border: 1px solid #781351;
width: 20em;
}
legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px;
}
</style>
</HEAD>
<BODY>
<form action="#">
<fieldset>
<legend>먼저 로그인해 주세요</legend>
<p>
<table>
<tr><td align="right">아이디</td> <td><input type="text" class="input" id="id" /></td></tr>
<tr><td align="right">암 호</td> <td><input type="text" class="input" id="pwd" /></td></tr>
<tr><td> </td><td><input type="submit" class="submit" value="로그인" /></td></tr>
</table>
</fieldset>
</form>
</BODY>
</HTML>