老师,这样可对?

来源:3-4 编程练习

Dante丨R

2019-02-27 15:38:16

<!DOCTYPE html>

<html>

<head>

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

    <style>

        *{

            margin:0px;

            padding:0px;

        }

        .bbody{

            width:900px;

            margin:0px auto;

            border:1px solid #ccc;

            overflow:hidden;

            padding:5px;

        }

        .bbody .bbodyup .box1{

            border:1px solid #ccc;

            float:left;

            margin:5px 5px;

        }

        .bbody .bbodydown .box2{

            border:1px solid #ccc;

            float:left;

            margin:5px 5px 5px 5px;

        }

    </style>

</head>

<body>   

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

    <div class="bbody">

        <div class="bbodyup">

            <div class="box1">

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

                <div>

                    欢迎来到慕课网学习新知识!

                </div>

            </div>

            <div class="box1">

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

                <div>

                    欢迎来到慕课网学习新知识!

                </div>

            </div>

            <div class="box1">

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

                <div>

                    欢迎来到慕课网学习新知识!

                </div>

            </div>

        </div>

        <div class="bbodydown">

            <div class="box2">

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

                <div>

                    欢迎来到慕课网学习新知识!

                </div>

            </div>

            <div class="box2">

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

                <div>

                    欢迎来到慕课网学习新知识!

                </div>

            </div>

            <div class="box2">

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

                <div>

                    欢迎来到慕课网学习新知识!

                </div>

            </div>

        </div>

    </div>

</body>

</html>


写回答

1回答

guly

2019-02-27

你好,同学完成的很棒,加油,祝学习愉快!

0
huly
回复
hante丨R
h 同学不要这样想,编码能力都是一步一步积累的,在学习过程中不急不躁,要对自己有信心,遇到问题及时提问,相信您能学的更好的。
h019-02-27
共2条回复

0 学习 · 4928 问题

查看课程