console 命令行工具 X clear

console

<!DOCTYPE html>
<html>

<head>
	<!--头-->

	<style>
	</style>
	<meta charset="UTf-8">
	<title>登陆页面</title>
</head>

<body class="logo">
	<!--身体-->
	<div class="diyi">
		<h1>
			<!--标题-->正在发生</h1>
		<p class="logo_2">What's happening</p>
	</div>
	<div class="daohang">
		<a href="">首页</a>

		<a href="">作者</a>

		<a href="">关于</a>

		<a href="">加入我们</a>
	</div>
	<br/>
		<br/>

			<div class="denglu">

				<div class="beijing"><svg t="1647917700893" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
					 p-id="2290" width="50" height="50">
						<path d="M377.248 896c-103.52 0-200-30.08-281.248-82.048 68.96 4.48 190.656-6.24 266.368-78.432-113.888-5.216-165.248-92.576-171.936-129.888 9.664 3.744 55.808 8.224 81.856-2.24-130.976-32.832-151.072-147.808-146.624-182.88 24.576 17.184 66.24 23.136 82.624 21.632-122.048-87.328-78.144-218.688-56.544-247.04 87.584 121.344 218.88 189.504 381.248 193.28a187.68 187.68 0 0 1-4.672-41.76C528.32 243.52 611.616 160 714.4 160a185.28 185.28 0 0 1 136 59.296c35.904-8.416 89.92-28.096 116.288-45.12-13.312 47.776-54.72 87.616-79.776 102.4 0.192 0.512-0.224-0.512 0 0 22.016-3.328 81.568-14.784 105.088-30.72-11.648 26.816-55.552 71.456-91.584 96.416C907.136 638.016 680.832 896 377.216 896z"
						 fill="#47ACDF" p-id="2291"></path>
					</svg></div>

				<div class="denglu_1">
					<h2>登陆</h2>
				</div>

				<div class="guge"><button style=" border-radius:20px">使用谷歌账号登陆 </button></div>

        <div class="or"><p>——————或——————</p></div>

        <div class="youxiang"><input class="youxiang_1" type="button" name="Submit" value="邮箱登陆"></div>

        <br/>

        <div class="wnagji"><button style=" border-radius:20px">忘记密码？</button></div>

    </div>
</body>

</html>

*{
    padding: 1;
    margin: 0;
}
.logo{
    background-color: rgb(42, 169, 224);

            height:120px;

            text-align:center;

            color:#FFFFFF;
        
            margin:0px auto;
            padding-top:10px;
            padding-bottom:0px;
}

.diyi{
    font-size:20px;
    font-weight:bold;
    letter-spacing:9px;
    background-color:rgb(83, 189, 250);

}

.logo_2{
    letter-spacing: 8px;
    padding-left: 0px;
    text-align: center;
} 

.daohang{
            background-color:rgb(83, 189, 250);

            height:30px;

            text-align:center;

            line-height:30px;

            text-decoration:none;

}

a{
        color:white;

        text-decoration:none;

        padding-right:30px;

}

.denglu{
           background-color: white;
            width:350px;
            height:300px;
            border: 1px solid black;
            border-radius:20px;
            text-align:center;
            margin:0px auto;
            
}

body {
    background-image: url(http://n.sinaimg.cn/sinacn/w640h813/20180224/088c-fyrwsqh7067227.jpg)
}

.or{
    color: black;
    margin:10px;
}
.denglu_1{
    color: black;
    margin:20px;
}

.guge{
    margin:10px;
}