李欲晴20227821043

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>百度一下，你就知道</title>
	<link rel="stylesheet" type="text/css" href="D:\桌面\网页设计\千度\qd.css">
</head>
<body>
	<div class="a">
	    <div class="logo">
	    <img src="D:\桌面\网页设计\百度\1\PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png">
	    </div>
	    <div class="b">
	    <form accept="https://www.baidu.com">
		<input type="text" name="wd" class="text">
		<input type="submit" value="百度一下" class="submit">
		</form>
	    </div>
	</div>
</body>
</html>
*{
	margin: 0;
	padding: 0;
}
.a{
	text-align: center;
	
}
.logo{
	height:123px;
	width: 654px;
	margin-left:500px;
	margin-right:500px;
	padding-bottom:15px;
	padding-top: 79.2px;
	text-align: center;
}
.logo img{
	width: 270px;
	height:129px;
	float: button;
}
.text{
	width: 546px;
	height: 38px;
	position:absolute;
	margin: 15px -335px;
	border-radius: 10px 0 0 10px;
}
.submit{
	width: 108px;
	height: 44px;
	color: white;
	background-color: royalblue;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 230.7px 1042px;
	border-radius: 0 10px 10px 0
}

2.原神

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>原来你也玩原神</title>
	<link rel="stylesheet" type="text/css" href="C:\Users\86150\Sublime Text3\yuanshen.css">
</head>
<body>
	<div class="a">
	    <div class="logo">
	    <img src="https://i0.hdslb.com/bfs/article/8e13614e88c0664d2d1c45f3b5b3e81e6129650d.jpg@progressive.webp">
	    </div>
	    <div class="b">
	    <form accept="https://www.yuanshen.com/#/">
		<input type="text" name="wd" class="text">
		<input type="submit" value="原神？启动！" class="submit">
		</form>
	    </div>  
	</div>
</body>
</html>
*{
	margin: 0;
	padding: 0;
}
.a{
	text-align: center;
	
}
.logo{
	height:170px;
	width: 654px;
	margin-left:500px;
	margin-right:500px;
	padding-bottom:70px;
	padding-top: 90px;
	text-align: center;
}
.logo img{
	width: 270px;
	height:250px;
	float: button;
}
.text{
	width: 546px;
	height: 38px;
	position:absolute;
	margin: 15px -335px;
	border-radius: 10px 10px 10px 10px;
}
.submit{
	width: 108px;
	height: 44px;
	color: white;
	background-color: royalblue;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 340px 1000px;
	border-radius: 10px 10px 10px 10px
}

html