티스토리 뷰

💼 정보 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
반응형