請問老師,是否能再優化一下?

来源:3-4 编程练习

慕数据3203843

2019-08-31 18:19:56

<!DOCTYPE html>
<html>
<head>
        <!-- 此处编写样式 -->
        <style type="text/css">
        *{
            padding:0; 
            margin:0;
        }
        
            .content{
                /*width:800px;*/
               /* 寬度為元素的總寬度*/
                width:792px;
                border:1px gray dotted;
                overflow:hidden;
                padding: 10px;
            }
             .content li{  
                 width:240px;
                 margin:2px;
                 border:2px gray solid;
                 list-style:none;
                 margin:10px;
                 float:left;
             }
                
                
        </style>
</head>
<body>   
        <!-- 此处写代码 -->   
     <div class="content">
     
         <div>
                 <ul>
                     <li><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">歡迎來到慕課網學習新知識!</li>
                     <li><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">歡迎來到慕課網學習新知識!</li>
                     <li><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">歡迎來到慕課網學習新知識!</li>
                     <li><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">歡迎來到慕課網學習新知識!</li>
                     <li><img src=http://climg.mukewang.com/590fe97d00011bda02400135.jpg>歡迎來到慕課網學習新知識!</li>
                     <li><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">歡迎來到慕課網學習新知識!</li>
                     </ul>
                 </div>  
       </div>
</body>
</html>


写回答

1回答

好帮手慕言

2019-08-31

同学你好,效果实现的很好,代码也很简洁,棒棒哒,继续加油,祝学习愉快~

0

0 学习 · 40143 问题

查看课程