请老师帮忙检查下可否优化谢谢~

来源:3-4 编程练习

奋斗的小白mmm

2019-10-12 20:38:00

<!DOCTYPE html>

<html>

<head>

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

        <style type="text/css">

            *{

                margin: 0;

                padding: 0;

            }

            .container{

                width: 790px;

                border: 2px #acacac dashed;

                margin: 0 auto;

                overflow: hidden;

                zoom:1;

                padding: 20px;

            }

            .con{

                margin: 10px;

                float: left;

                border: 1px #ececec solid;

                text-align: center;


            }

            

        </style>

</head>

<body>   

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

        <div class="container">

            <div class="con">

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

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

            </div>

            <div class="con">

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

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

            </div>

            <div class="con">

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

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

            </div>

            <div class="con">

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

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

            </div>

            <div class="con">

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

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

            </div>

            <div class="con">

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

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

            </div>

        </div>

</body>

</html>



写回答

1回答

好帮手慕码

2019-10-13

同学你好!
效果实现的是可以的,

如果帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程