常用的登陆表单,DIV+CSS

预览最终效果>>

form{
        margin: 0px;
        padding: 4px;
}

#member{
        width: 170px;
        background: #F1F1F1;
        text-align: center;
}

label{
        width: 40px;
        float: left;
        text-align: right;
        padding: 3px 0px 1px;
        color: #666666;
}

input{
        border: 1px solid #CCCCCC;
        margin: 1px;
        padding: 1px;
        font-family: Arial;
        font-size: 12px;
        color: #666666;
}

.bt{
        width: 22px;
        height: 20px;
        font-size: 10px;
        color: #333333;
        border: solid 1px #CCCCCC;
        background: #FBFBFB;
}


<div >
<div><label for="name">Name:</label>
<input name="name"  />
</div><div><label for="pass">Pass:</label>
<input  />
<input name="Submit" type="submit" class="bt" value="OK" />
</div></form></div>