💼 정보 ver1.0
LoginForm(id+pw+button)
James Wetzel
2011. 8. 31. 17:54
728x90
반응형
body
{
font-family:돋움 MS Sans Serif;
font-size:12px;
}
.container .loginWrapper
{
}
.container .loginWrapper dl
{
margin:0;
float:left;
}
.container .loginWrapper dl dt
{
float:left;
width:60px;
}
.container .loginWrapper dl dt label
{
color: #B4886B;
font-weight: bold;
display: block;
padding-top:5px;
}
.container .loginWrapper dl dd
{
margin-bottom:4px;
}
.container .loginWrapper .loginButton
{
margin-left:10px;
height:48px;
}
<div class="container">
<div class="loginWrapper">
<dl>
<dt><label for="id">아이디</label></dt>
<dd><input type="text" id="id" /></dd>
<dt><label for="pw">비밀번호</label></dt>
<dd><input type="text" id="pw" /></dd>
</dl>
<button class="loginButton">로그인</button>
</div>
</div>
728x90
반응형