console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=0.3, maximum-scale=1.0, minimum-scale=0.3">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0
}
.container {
position: relative;
width: 100%;
}
#one,
.head {
text-align: center;
}
.head{
margin-top:30px;
}
.day {
position: absolute;
width: 70px;
height: 70px;
border-bottom-left-radius: 20%;
border-bottom-right-radius: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
display:flex;
}
.pass {
margin-left: 40px;
margin-top: -40px;
}
.news1 {
margin-left: 60px;
color: gray;
margin-top:20px;
}
.pic{
display:flex;
width:100%;
}
.one1{
position:absolute;
display:flex;
flex-direction:column;
width:100%;
margin-top:60px;
margin-left:-20px;
}
.add1{
text-decoration:none;
color:gray;
}
</style>
</head>
<body>
<div class="container">
<div class="world">
<div class="head">
<img src="https://www.zenitour.com/img/logoIndex.png">
</div>
<div id="one">
<img src="https://www.zenitour.com/upload/zetu.png" class="pic">
</div>
<div class="pass">
<img src="https://www.zenitour.com/upload/ganmoyang.png" class="day">
<span style="margin-left: 50px; color: #fff ;font-size:10px; ">甘墨洋</span>
</div>
</div>
<div class="one1">
<p class="news1"><a href="http://jsrun.net/ymyKp" class="add1">html:简单主页</a></p>
<p class="news1"><a href="http://jsrun.net/emyKp" class="add1"> html:各种文本</a></p>
<p class="news1"> <a href="https://jsrun.net/34yKp" class="add1">javascript:点餐系统</a></p>
</div>
</div>
</body>
</html>