4-3编程练习
来源：4-3 编程练习
qq_紾悕_1
2018-11-09 13:32:59
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>编程练习</title>
<style type="text/css">
*{
padding:0;
margin:0;
}
.one{
width:100%;
height: 4043px;
background:url("http://climg.mukewang.com/59c9f7ce0001839219034033.png") center top no-repeat;
position: relative;
}
.left{
width:224px;
height:364px;
position:fixed;
top:50%;
margin-top: -182px;
}
.right{
width:224px;
height: 364px;
background: blue;
position: fixed;
top:50%;
right:0;
margin-top: -182px;
color:#fff;
}
</style>
</head>
<body>
<div class="one">
<div class="left">
<img src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png">
</div>
<div class="right">
<img src="http://climg.mukewang.com/5a3383c70001f1b702240364.png">
</div>
</div>
</body>
</html>
1回答
-
测试了你的代码,效果可以实现
继续加油!
0
