发表于： 2019-08-01 20:53:27
1 849
这两天都在看git配置 没怎么看魔镜的任务 感觉自己好像不会自适应了 也不知道自己第一题怎么完成的
下面粘贴一下代码希望师兄帮我看一下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=yes">
<title>魔镜</title>
<link rel="stylesheet" href="mojing.css">
</head>
<body>
<div class="father">
<div class="top">
<img src="images/返回.png" alt="">
</div><!--top结束-->
<div class="center">
<div class="center_top_content">
<img src="images/葡萄藤_03.png" alt="">
</div>
<div class="center_bottom_content">
<p>葡萄藤轻游戏专注于桌游领域，提</p>
<p>供在线杀人游戏，捉鬼，炸狼堡等</p>
<p>多种聚会游戏，以下线下住会桌游</p>
<p>道具</p>
<!-- <img src="images/内容_07.png" alt=""> -->
</div>
</div>
<div class="footer">
<div class="footer_people">
<img src="images/标志_03.png" alt="">
</div>
<div class="footer_grapes">
<img src="images/人标志_07.png" alt="">
</div></div>
<div class="footer_number">
290560933
</div>
<div class="footer_letter">
BJPTTeng
</div>
</div>
</body>
</html>
* {
margin: 0;
padding: 0;
}
.father {
overflow: hidden;
width: 640px;
height: 1140px;
background-color: antiquewhite;
margin: 0 auto;
background: url(images/background.png) no-repeat;
}
.top {
height: 54px;
margin-top: 20px;
margin-left: 35px;
}
.center {
height: 600px;
}
.center_top_content {
width: 180px;
height: 70px;
margin: 0 auto;
}
.center_bottom_content {
width: 452px;
height: 215px;
text-align: center;
margin: 0 auto;
margin-top: 123px;
font-size: 30px;
}
.center_bottom_content p{
margin-bottom: 20px;
float: left;
color: #eeeeee;
}
.footer {
height: 85px;
}
.footer_people{
margin-left: 140px;
width: 84px;
height: 84px;
float: left;
}
.footer_grapes{
margin-right: 120px;
width: 84px;
height: 84px;
float: right;
}
.footer_number{
text-align: center;
line-height: 20px;
width: 120px;
height: 20px;
margin-left:120px ;
margin-top: 20px;
color: #eeeeee;
float: left;
font-size: 15px;
}
.footer_letter{
width: 105px;
height: 25px;
text-align: center;
line-height: 20px;
margin-top: 20px;
margin-right: 110px;
float: right;
font-size: 15px;
color: #eeeeee;
}
返回列表
评论