老师我这做的怎么样？
来源：4-11 编程练习
慕慕6527597
2020-01-13 21:31:55
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style>
#div0{
border: 1px dashed black;
float: left;
width: 846px;
height: 438px;
float: left;
}
#div1{
border: 1px solid black;
margin: 30px 30px 30px 30px;
text-align: center;
float: left;
}
#img1{
float: left;
}
#div2{
border: 1px solid black;
/*margin: 30px 30px 30px 30px;*/
margin-top: 30px;
margin-right: 30px;
margin-bottom: 30px;
text-align: center;
float: left;
}
#img2{
float: left;
}
#div3{
border: 1px solid black;
/*margin: 30px 30px 30px 30px;*/
margin-top: 30px;
margin-right: 30px;
margin-bottom: 30px;
text-align: center;
float: left;
}
#img3{
float: left;
}
#div4{
border: 1px solid black;
/*margin: 30px 30px 30px 30px;*/
margin-right: 30px;
margin-bottom: 30px;
margin-left: 30px;
text-align: center;
float: left;
}
#img4{
float: left;
}
#div5{
border: 1px solid black;
/*margin: 30px 30px 30px 30px;*/
/*margin-top: 30px;*/
margin-right: 30px;
margin-bottom: 30px;
text-align: center;
float: left;
}
#img5{
float: left;
}
#div6{
border: 1px solid black;
/*margin: 30px 30px 30px 30px;*/
/*margin-top: 30px;*/
margin-right: 30px;
margin-bottom: 30px;
text-align: center;
float: left;
}
#img6{
float: left;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div id="div0">
<div id="div1">
<img id="img1" src="http://img1.sycdn.imooc.com\/climg/590fe9770001e63102400135.jpg">
<p class="p1">欢迎来到慕课网学习新知识！</p>
</div>
<div id="div2">
<img id="img2" src="http://img1.sycdn.imooc.com\/climg/590fe97d00011bda02400135.jpg">
<p class="p1">欢迎来到慕课网学习新知识！</p>
</div>
<div id="div3">
<img id="img3" src="http://img1.sycdn.imooc.com\/climg/590fe982000150ba02400135.jpg">
<p class="p1">欢迎来到慕课网学习新知识！</p>
</div>
<div id="div4">
<img id="img4" src="http://img1.sycdn.imooc.com\/climg/590fe9770001e63102400135.jpg">
<p class="p1">欢迎来到慕课网学习新知识！</p>
</div>
<div id="div5">
<img id="img5" src="http://img1.sycdn.imooc.com\/climg/590fe97d00011bda02400135.jpg">
<p class="p1">欢迎来到慕课网学习新知识！</p>
</div>
<div id="div6">
<img id="img6" src="http://img1.sycdn.imooc.com\/climg/590fe982000150ba02400135.jpg">
<p class="p1">欢迎来到慕课网学习新知识！</p>
</div>
</div>
</body>
</html>
1回答
-
同学你好：
同学的效果展示没有问题，加油！
如果我解决了同学的问题，请采纳！学习愉快^_^。
0
相似问题