3-2编程练习,写的怎么样?

来源:3-2 编程练习

慕运维7202361

2017-07-17 16:12:02

<!DOCTYPE html>
<html>
<head>
        <!-- 此处编写样式 -->
        <meta charset="utf-8">
        <style type="text/css">
        *{
            margin:0;
            padding:0;
        }    

        .main{
            width:1000px;
            height:auto;
            border:1px dashed grey;
            margin:30px;
            float:left;

        }

        .logo{
            width:240px;
            height:160px;
            border:1px solid grey;
            margin:20px;
            float:left;
        }

        </style>
</head>
<body>   
        <!-- 此处写代码 -->    
    <div class="main">
        <div class="logo"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/><br/>欢迎来到慕课网学习新知识!</div>
        <div class="logo"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/><br/>欢迎来到慕课网学习新知识!</div>
        <div class="logo"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/><br/>欢迎来到慕课网学习新知识!</div>
        <div class="logo"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/><br/>欢迎来到慕课网学习新知识!</div>
        <div class="logo"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/><br/>欢迎来到慕课网学习新知识!</div>
        <div class="logo"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/><br/>欢迎来到慕课网学习新知识!</div>
    </div>
</body>
</html>

写回答

1回答

怎么都被占用了呢

2017-07-17

http://climg.mukewang.com/596c8aec00011dd404280251.jpg改成这样子会更好,846=3个图片块的宽度+边距+边框

0

0 学习 · 36712 问题

查看课程