请老师检查

来源:4-11 编程练习

残泪

2021-06-17 08:53:30

<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style>
div{
border:20px;
width:800px;
height:430px;
background-color:blue;
}
#div1{
margin-top:20px;
margin-left:20px;
background-color:green;
width:240px;
height:180px;
float:left;

}
#div2{
margin-top:20px;
margin-left:20px;
background-color:green;
width:240px;
height:180px;
float:left;
}
#div3{
margin-top:20px;
margin-left:20px;
background-color:green;
width:240px;
height:180px;
float:left;
}

#div4{
margin-top:20px;
margin-left:20px;
background-color:green;
width:240px;
height:180px;
float:left;
}
#div5{
margin-top:20px;
margin-left:20px;
margin-bottom:20px;
background-color:green;
width:240px;
height:180px;
float:left;
}
#div6{
margin-top:20px;
margin-left:20px;
margin-bottom:20px;
background-color:green;
width:240px;
height:180px;
float:left;
}

p{
text-align:center;
line-height:0.1px;
}

</style>
</head>
<body>
<!-- 此处写代码 -->
<div>

<div id="div1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习</p>
</div>

<div id="div2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习</p>
</div>

<div id="div3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习</p>
</div>

<div id="div4">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习</p>
</div>

<div id="div5">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习</p>
</div>

<div id="div6">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习</p>
</div>


</div>

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


写回答

1回答

好帮手慕阿园

2021-06-17

同学你好,测试代码实现效果是可以的,很棒呐,继续加油

祝学习愉快~

0

0 学习 · 16556 问题

查看课程