老师检查一下

来源:4-11 编程练习

慕设计7678942

2020-07-11 11:17:12

<!DOCTYPE html>

<html>

<head>

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

<style type="text/css">

    #div1{

     width: 818px;

     height: 406px;

     border: 1px dashed;

     float: left;

     box-sizing: border-box;


    }

    .div2{

     float: left;

     border: 1px solid;

     margin: 10px 10px;

     padding: 5px 5px;

    }

    p{

     line-height: 0px;

    }

</style>

</head>

<body>   

 <div id="div1">

     <div class="div2">

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

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

     </div>

     <div class="div2">

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

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

     </div>

     <div class="div2">

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

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

     </div>

     <div class="div2">

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

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

     </div>

     <div class="div2">

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

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

     </div>

     <div class="div2">

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

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

     </div>

     

 </div>

    

</body>

</html>


写回答

1回答

好帮手慕小尤

2020-07-11

已完成练习,棒棒哒!继续加油!

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

0

0 学习 · 16556 问题

查看课程