这样实现可以嘛?
来源:4-3 编程练习
慕工程1011968
2019-07-08 18:57:42
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>imooc-慕课网</title>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
.main {
width: 100%;
height: 4033px;
background: url(http://climg.mukewang.com/59c9f7ce0001839219034033.png) center no-repeat;
}
.nav1 {
width: 224px;
height: 364px;
background: url(http://climg.mukewang.com/5a3383c70001f1b702240364.png) no-repeat;
position: fixed;
left: 0;
top: 50%;
margin-top: -182px;
}
.nav2 {
width: 224px;
height: 364px;
background: url(http://climg.mukewang.com/5a3383d00001a3dd02240364.png) no-repeat;
position: fixed;
right: 0;
top: 50%;
margin-top: -182px;
}
</style>
</head>
<body>
<div class="main">
<div class="nav1"></div>
<div class="nav2"></div>
</div>
</body>
</html>
1回答
好帮手慕糖
2019-07-08
同学你好,可以的哦,实现效果没有问题,继续加油!
祝学习愉快!
相似问题