作业答疑，求改进

来源：4-11 编程练习

zhouKyou

2020-08-13 15:33:10

<!DOCTYPE html>
<html>
<head>
        <!-- 此处编写样式 -->
        <style type="text/css">

#bodydiv{
width: 800px;
height: 400px;

border: 1px dashed grey;
}
.box{

margin-left: 20px;
margin-top: 20px;
border: 1px solid grey;
width: 240px;
float: left;

}
p{
text-align: center;
line-height: 0px;
}
img{
vertical-align: bottom;
}

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

        </div>
</body>
</html>

希望能把边框那1个像素宽的空白去掉...，以及为啥我的图片，6张每张图片的边框1像素的空白出现的位置都不一样?

写回答

2回答