麻烦老师帮忙检查下3-4的练习,看下是否正确。

来源:3-4 编程练习

慕沐4133343

2020-03-11 12:38:03

<!DOCTYPE html>

<html>

<head>

<title>float</title>

<meta charset="utf-8">

<style type="text/css">

.pic{

width:240px;

border: 1px solid #ececec;

float:left;

margin:20px;

text-align:center;

}

.container{

width:846px;

border:1px dashed red;

overflow: hidden;

zoom:1;

margin:0 auto;

padding: 20px;

}


</style>

</head>

<body>

<div class="container">

            <div class="pic">

                <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">

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

            </div>

            <div class="pic">

                <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">

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

            </div>

            <div class="pic">

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

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

            </div>

            <div class="pic">

                <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">

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

            </div>

            <div class="pic">

                <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">

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

            </div>

            <div class="pic">

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

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

            </div>

        </div>


</body>

</html>


写回答

1回答

好帮手慕码

2020-03-11

同学你好,代码效果正确。继续加油,祝学习愉快~

0

0 学习 · 40143 问题

查看课程