Html制作简单而漂亮的登录页面(2)

    border-top: 1px solid #312E3D;   

    border-left: 1px solid #312E3D;   

    border-right: 1px solid #312E3D;   

    border-bottom: 1px solid #56536A;   

    border-radius: 4px;   

    background-color: #2D2D3F;   

}   

.but{   

    width: 300px;   

    min-height: 20px;   

    display: block;   

    background-color: #4a77d4;   

    border: 1px solid #3762bc;   

    color: #fff;   

    padding: 9px 14px;   

    font-size: 15px;   

    line-height: normal;   

    border-radius: 5px;   

    margin: 0;   

}  

总结：

复制代码

<input type="text" required="required" **placeholder="用户名"**></input>
<input type="password" required="required" **placeholder="密码"**></input>

placeholder="用户名"的作用:占位符

（编辑：ASP站长网）