老师,我的代码有问题吗

来源:3-4 编程练习

慕粉6343131

2019-09-14 22:57:23

<!DOCTYPE html>
<html>
<head>
        <!-- 此处编写样式 -->
    <meta charset="UTF-8">
    <title>Document</title>
        <style>
         *{
          margin:0px;
          padding:0px;
         }
         .one{
          margin:auto;
          padding:10px;
          border:1px dotted gray;
          width:790px;
          overflow:hidden;
          zoom:1;
         }
         .one div{
          float:left;
          margin:10px;
          border:1px solid #cac3b1;
         }
         p{text-align:center;}
        </style>
</head>
<body>   
        <!-- 此处写代码 --> 
    <div class="one">
        <div>
         <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><p>欢迎来到慕课网学习新知识!</p>
        </div> 
        <div>
         <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><p>欢迎来到慕课网学习新知识!</p>
        </div>
        <div>
         <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><p>欢迎来到慕课网学习新知识!</p>
        </div>  
        <div>
         <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><p>欢迎来到慕课网学习新知识!</p>
        </div> 
        <div>
         <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><p>欢迎来到慕课网学习新知识!</p>
        </div>
        <div>
         <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><p>欢迎来到慕课网学习新知识!</p>
        </div>  
    </div>        
</body>
</html>


写回答

1回答

好帮手慕慕子

2019-09-15

同学你好, 代码没有问题, 效果实现的不错, 继续加油哦

欢迎采纳,祝学习愉快~~~~

0

0 学习 · 40143 问题

查看课程