Git Hub

html代码

<html>
<head>
	<title>github</title>
	<link rel="stylesheet" style="text/css" href="style.css"/>
</head>
<body>
		<div class="div_shangbu">
			<div class="div_tu1"><img width=50px height=50px  src="564.png"/></div>
			<div class="div_ziti1">Features</div>
			<div class="div_ziti1">Business</div>
			<div class="div_ziti1">Explore</div>
			<div class="div_ziti1">Marketplace</div>
			<div class="div_ziti1">Pricing</div>
			<input type="text" class="div_ss1"placeholder="Search Github"/>
			<div class="div_ziti1">Sing in</div>
			<div class="div_ziti2">or</div>
			<div class="div_ziti1">Sing up</div>
		</div>
		<div class="div_xiabu">
		<div class="div_xiazuo">
			<div class="zmk1">
				<div class="div_zimu1">Built for</div>
				<div class="div_zimu2">developers</div>
			</div>
				<div class="div_zmk2"><div class="div_zimu3">GitHub is a development platform inspired by the way you work. From open source to business, you can host and review code, manage projects, and build software alongside 28 million developers.</div></div>
		</div>	
			<div class="div_xiayou">
				<div class="div_xk">
					<div class="div_1"><div class="div_ziti3">Username</div></div>
					<div class="div_2"><input class="div_ss2" type="text"placeholder="Pick a username"/></div>
					<div class="div_1"><div class="div_ziti3">Email</div></div>
					<div class="div_2"><input class="div_ss2" type="text"placeholder="You@example.com"/></div>
					<div class="div_1"><div class="div_ziti3">Password</div></div>
					<div class="div_2"><input class="div_ss2" type="text"placeholder="Create a password"/></div>
					<div class="div_3"><div class="div_ziti4">Make sure it's at least 7 characters, including a number, and a lowercase letter.</div></div>
					<div class="div_4"><input class="div_000" type="button" value="Sign up for GitHub" style="height:60px;width:350px;" /></div>
					<div class="div_5"><div class="div_ziti4">By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.</div></div>
				</div>
				</div>
		</div>
		
</body>
</html>

css代码

		.div_shangbu{
			width:100%;
			height:64px;
			background-color:#24292e;
			}
		.div_tu1{
			margin-left:11%;
			float:left;
			margin-top:8px;
			}
		.div_ziti1{
			color:#fff;
			font-size:16px;
			float:left;
			margin-left:20px;
			line-height:64px;
			}
		.div_ziti2{
			color:black;
			font-size:16px;
			float:left;
			margin-left:20px;
			line-height:64px;
			}
		.div_tu2{
			float:left;
			margin-top:8px;
			margin-left:95%;
			}
		.div_ss1{
			width:300px;
			height:30px;
			background-color:#2b3137;
			margin-left:60px;
			float:left;
			margin-top:15px;
			border:0px;
			}
		.div_xiabu{
			width:100%;
			height:1000px;
			background-color:#2b3137;
			}
		.div_kuang{
			background-color:#fafbfc;
			width:380px;
			height:476px;
			}
		.div_zimu1{
			font-size:64px;
			color:#ffffff;
			padding-top:150px;
			padding-left:22%;
			}
		.div_zimu2{
			font-size:64px;
			color:#ffffff;
			padding-top:0px;
			padding-left:22%;
			}
		.div_zimu3{
			font-size:21px;
			color:#ffffff;
			padding-top:0px;
			padding-left:14%;
			}
		.div_zmk1{
			width:350px;
			height:165px;
			}
		.div_zmk2{
			width:551px;
			hheight:124px;
			padding-left:10%;
			padding-top:10px;
			}
		.div_xiazuo{
			width:660px;
			height:540px;
			float:left;
			}
		.div_xiayou{
			width:600px;
			height:800px;
			float:left;
			}
		.div_xk{
			width:380px;
			height:450px;
			background-color:#fafbfc;
			margin-left:70px;
			margin-top:70px;
			}
		.div_1{
			width:380px;
			height:21px;
			padding-top:1px;
			padding-left:10px;
			}
		.div_2{
			width:380px;
			height:46px;
			padding-left:10px;
			margin-top:5px;
			padding-top:5px;
			}
		.div_3{
			width:380px;
			height:36px;
			margin-left:10px;
			margin-top:15px;
			}
		.div_4{
			width:380px;
			height:64px;
			margin-left:13px;
			}
		.div_5{
			width:380px;
			height:54px;
			margin-left:10px;
			margin-top:15px;
			}
		.div_ziti3{
			color:#586069;
			font-size:14px;
			margin-top:10px;
			}
		.div_ss2{
			width:350px;
			height:45px;
			border:1px solid gray;
			}
		.div_ziti4{
			font-size:12px;
			color:#6a737d;
			}
		.div_000{
			background-color:#2ebc4f;
			border:0px;
			}

效果图

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值