请问这道题还有更好的做法吗?

来源:4-11 编程练习

SiminZ

2019-07-03 21:18:31

<!DOCTYPE html>
<html>
<head>
        <!-- 此处编写样式 -->
        <style>
            .div0{
                width: 780px;
            }
            .div1{
                float: left;
            }
            .div2{
                float:left;
                padding:10px;
            }
        </style>
</head>
<body>   
        <!-- 此处写代码 -->    
        <div class="div0">
            <div class="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>
            <div class="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>
        </div>
</body>
</html>

这样就好了吗?感觉还差点什么。

写回答

1回答

时间,

2019-07-04

同学,你好。

1、外层边框和每个图片都会有边框。需要设置border属性,设置边框后要调整整体div的宽度。另,需要设置图片的外边距

2、div1和div2设置了浮动,父元素高度塌陷,可以设置父元素的具体高度,例:430px

参考代码:

http://img.mukewang.com/climg/5d1d7518000196b504330397.jpg

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

0

0 学习 · 3562 问题

查看课程