프로그램/html,css2009. 11. 3. 23:45
반응형




[login1.htm]
<html>
<head>
<link rel="stylesheet" type="text/css" href="login.css" />
</head>

 

<body>
<form action="/path/to/script" id="thisform" method="post">
 <fieldset>
  <legend>로그인하기</legend>
  <p><input type="text" id="txtEmail" name="textEmail" tabindex="1" accesskey="9" value="이메일" onfocus="this.value='';" /></p>
  <p><input type="text" id="txtPwd" name="txtPwd" tabindex="2" value="비밀번호" onfocus="this.value='';" /></p>
  <p>
   <input type="checkbox" id="chkRemember" name="chkRemember" tabindex="3" />
   <label for="chkRemember">이메일 저장</label>
   <input type="submit" value="확인" tabindex="4" />
  </p>
 </fieldset>
</form>
</body>
</html>


[login1.css]
#thisform
{
 font-family:Georgia, serif;
 font-size:12px;
 color:#999;
}

#thisform label
{
 font-family:Verdana, sans-serif;
 font-weight:bold;
 color:#660000;
}

#thisform fieldset
{
 border:1px solid #ccc;
 padding:0 20px 5px;
}

#thisform p
{
 margin:5px;
}

#thisform legend
{
 padding:4px; 8px;
 font-family: arial, sans-serif;
 font-weight:bold;
 font-size: 90%;
 color:#666;
 background:#eee;
 border:1px solid #ccc;
 border-right-color:#999;
 border-bottom-color:#999;

반응형
Posted by 은둔고수