帮忙讲解一下

来源:3-4 编程练习

asl8116

2020-06-17 16:50:12

<!DOCTYPE html>

<html>

<head>

        <!-- 此处编写样式 -->

        <title></title>

        <meta charset="TUF-8">

        <style>

            *{

                margin:0;

                padding:0;

            }

            .zt{

                width:816px;

                margin:0 auto;

                border:1px solid gray;

                overflow: hidden;

    zoom:1;

            }

            .dy{

                width:250px;

                border:1px solid gray;

                margin:10px;

                text-align:center;

                float:left;

            }

            

        </style>

</head>

<body>   

        <!-- 此处写代码 -->

        <div class="zt">

          <div class="dy"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><p>欢迎来到慕课网学习知识!</p>

          </div>

          <div class="dy"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><p>欢迎来到慕课网学习知识!</p>

          </div>

          <div class="dy"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">

           <p>欢迎来到慕课网学习知识!</p>

           </div>

            <div class="dy"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><p>欢迎来到慕课网学习知识!</p>

          </div>

          <div class="dy"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><p>欢迎来到慕课网学习知识!</p>

          </div>

          <div class="dy"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">

           <p>欢迎来到慕课网学习知识!</p>

           </div>

        </div>

</body>

</html>


写回答

1回答

好帮手慕码

2020-06-17

同学你好,效果是正确的。请问同学是哪里不懂呢?可以详细描述一下,以便准确答疑。

祝学习愉快~

0

0 学习 · 40143 问题

查看课程