这样实现可以嘛?

来源: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

同学你好,可以的哦,实现效果没有问题,继续加油!

祝学习愉快!

0

0 学习 · 40143 问题

查看课程