<i></i> :i標(biāo)簽就是放icon的意思.和html語義不符啊!!!
2015-06-09
<style>
* {margin: 0;padding: 0;}
.container {
width: 220px;
margin-right: 35px;
background: #ebf2fa;
border: 1px solid #d4d4d4;
border-bottom-color: #AAA;
border-top: 0;
box-shadow: 0 1px 1px #CCC;
background: #ebf2fa ;
margin-top: -2px;
}
* {margin: 0;padding: 0;}
.container {
width: 220px;
margin-right: 35px;
background: #ebf2fa;
border: 1px solid #d4d4d4;
border-bottom-color: #AAA;
border-top: 0;
box-shadow: 0 1px 1px #CCC;
background: #ebf2fa ;
margin-top: -2px;
}
2015-06-07
.login-form {padding: 20px 15px 15px;}
.login-form dl {line-height: 20px;}
.login-form dl {line-height: 20px;}
2015-06-07
.login-form dl.pwd {margin: 15px 0 0;}
.bottom {margin-top: 15px;}
.top dd,.pwd dd{
width: 186px;
background: #FFF ;
border: 1px solid #adb6c9;
border-radius: 3px;
height: 32px;
box-shadow: 0 0 1px #FFF;
padding: 1px;
}
.bottom {margin-top: 15px;}
.top dd,.pwd dd{
width: 186px;
background: #FFF ;
border: 1px solid #adb6c9;
border-radius: 3px;
height: 32px;
box-shadow: 0 0 1px #FFF;
padding: 1px;
}
2015-06-07
.login-form .input-text {
background: transparent;
font-size: 14px;
height: 32px;
line-height: 32px;
padding: 0;
margin: 0 0 0 30px;
width: 155px;
border: 0;
}
background: transparent;
font-size: 14px;
height: 32px;
line-height: 32px;
padding: 0;
margin: 0 0 0 30px;
width: 155px;
border: 0;
}
2015-06-07
.login-btn {
width: 190px;
height: 38px;
border: 0;
background: url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg) no-repeat;
cursor: pointer;
}
.regnow {
margin: 0 15px;
padding: 17px 0 15px;
}
width: 190px;
height: 38px;
border: 0;
background: url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg) no-repeat;
cursor: pointer;
}
.regnow {
margin: 0 15px;
padding: 17px 0 15px;
}
2015-06-07
.regnow input{
background-position: 0 -38px;
border: 0;
padding: 0 0 3px 0;
}
.rbkw dd{
font-size: 13px;
padding-top:15px;
}
.rbkw dd a{
float:right;
text-decoration:none;
}
hr{
width: 190px;
margin:auto;
}
</style>
background-position: 0 -38px;
border: 0;
padding: 0 0 3px 0;
}
.rbkw dd{
font-size: 13px;
padding-top:15px;
}
.rbkw dd a{
float:right;
text-decoration:none;
}
hr{
width: 190px;
margin:auto;
}
</style>
2015-06-07
<body>
<div class="container">
<form method="post" class="login-form">
<dl class="top clearfix">
<dd>
<input type="text" name="email" class="input-text">
</dd>
</dl>
<div class="container">
<form method="post" class="login-form">
<dl class="top clearfix">
<dd>
<input type="text" name="email" class="input-text">
</dd>
</dl>
2015-06-07
<dl class="pwd clearfix">
<dd>
<input type="text" name="email" class="input-text">
</dl>
<dl class="rbkw">
<dd>
<input type="checkbox" value="1" name="kw" /> 下次自動(dòng)登錄 <a href="#">忘記密碼?</a>
</dd>
</dl>
<dd>
<input type="text" name="email" class="input-text">
</dl>
<dl class="rbkw">
<dd>
<input type="checkbox" value="1" name="kw" /> 下次自動(dòng)登錄 <a href="#">忘記密碼?</a>
</dd>
</dl>
2015-06-07
<dl class="bottom">
<input type="submit" class="input-submit login-btn" value="">
</dl>
</form>
<hr/>
<div class="regnow">
<input type="button" class="input-button login-btn" value="" >
</div>
</div>
<input type="submit" class="input-submit login-btn" value="">
</dl>
</form>
<hr/>
<div class="regnow">
<input type="button" class="input-button login-btn" value="" >
</div>
</div>
2015-06-07
What a pity that we can't use the zen-coding! It's really a pain in the neck~ LOL
Work-around: Locally edit in Sublime and paste into.
Work-around: Locally edit in Sublime and paste into.
2015-06-02