SOURCE

console 命令行工具 X clear

                    
>
console
<div id="main_window">
    <div id="tag_img">
    <img  src="http://share.axure.org/gsc/54ZO4Q/ea/98/dc/ea98dc36677c4fdcbc4aa2f5b00178c6/images/%E7%99%BB%E5%BD%95/u3.png?token=fa7436e898b68f42b21220f14fc736ed">
    </img>
    </div>
    <div class="fcente">
    <input class="account_input" placeholder="account"></input>
    </div>
    <div class="fcente">
    <input class="account_input fcente" type="password" placeholder="password"></input>
    </div>
    <div class="fcente">
        <div  id="login_button">
            <p> 
            logint
            </p>
        </div>
    </div>
    
</div>
.br{
    background: red
}

.bg{
    background: green;
}

.gs{
    width: 100px;
    height: 200px;

}
body{
    background-color: rgba(201, 226, 206, 1);
    display: flex;
    justify-content:center;
}

#main_window{
    width: 778px;
    height: 456px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    display: flex;
    justify-content:center;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.349019607843137);
    margin-top: 80px;
    flex-direction:column;
}
#tag_img{
    width: 40;
    height: 40;
    max-width: 40;
    max-height: 40;
    display: flex;
    justify-content:center;
    margin-bottom: 50px;
}
#asd{
    width: 40;
    height: 40;
    max-width: 40;
    max-height: 40;
    display: flex;
    justify-content:center;
}
.account_input{
    width: 343px;
    height: 50px;
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    text-decoration: none;
    color: #5E5E5E;
    text-align: left;
    display: flex;
    justify-content:center;
    margin-bottom: 20px;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 11px system-ui;
}
.fcente{
    display: flex;
    justify-content:center;
    /* flex-direction: column; */
}

#login_button{
    width: 343px;
    height: 56px;
    background-color: rgba(65, 126, 79, 1);
    text-align: center;
    color: #FFFFFF;
}