<!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
}