3-2 编程练习 ,麻烦老师检查一下有问题吗

来源:3-2 编程练习

qq_皘児吆嬈_0

2017-11-29 10:48:48

<!DOCTYPE html>

<html>

<head>

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

        <meta charset="UTF-8">

        <title></title>

        <style type=text/css>

            *{

                margin:0px;

                padding:0px;

             }

            .big{

                 width:790px;

                 height:auto;

                 border:1px solid #DDD;

                 overflow:hidden;

                 zoom:1;

                }    

            

            .one{

                 width:240px;

                 margin:10px;

                 border:1px solid #DDD;

                 float:left;

                }

        </style>

        

        

</head>

<body>   

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

        <div class="big">

            <div class="one">

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

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

            </div>

            <div class="one">

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

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

            </div>

            <div class="one">

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

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

            </div>

                <div class="one">

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

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

            </div>

            <div class="one">

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

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

            </div>

            <div class="one">

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

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

            </div>

         </div> 

</body>

</html>


写回答

1回答

好帮手慕糖

2017-11-29

你好,整体实现不错,还有一点,大盒子的宽度可以在调整下哦,一个小盒子的宽度是262(包括内外边距与边框),一行三个,即:262*3 = 786,所以大盒子的宽度可以调整为786px哦。

祝学习愉快~

0
hq_皘児吆嬈_0
h 非常感谢!
h018-01-03
共1条回复

0 学习 · 36712 问题

查看课程