老师 帮忙看看

来源:3-4 编程练习

饭饭小童鞋

2020-05-30 01:02:18

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title></title>

    <style type="text/css">

        *{margin: 0;padding: 0;}

        .one{width:820px;

            border:dashed 1px;

            overflow: hidden;

            zoom:1;

            

        }

        .f1,.f2,.f3,.f4,.f5,.f6{width:240px;

            float: left;

            margin: 10px;

            border:solid 1px;

            text-align: center;

        }

  

    </style>


</head>

<body>

    <div class="one">

        <div class="f1">

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

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

        </div> 

        <div class="f2">

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

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

        </div> 

        <div class="f3">

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

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

        </div> 

        <div class="f4">

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

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

        </div> 

        <div class="f5">

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

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

        </div> 

        <div class="f6">

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

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

        </div>

    </div>


</body>

</html>


写回答

1回答

好帮手慕码

2020-05-30

同学你好,效果问题如下:

http://img.mukewang.com/climg/5ed1cfba09c4277308540256.jpg

建议修改:

http://img.mukewang.com/climg/5ed1d0a50969500406170227.jpg

如果我的回答帮助了你,欢迎采纳。祝学习愉快~

0

0 学习 · 40143 问题

查看课程